带标签的拉斐尔按钮

Question

我使用 jquery 插件 Raphael 制作了一个带有文本的按钮，除此之外，当用户将鼠标悬停在文本上时，一切都会好起来的 - 光标发生了变化，他不能再点击该按钮了！

点赞：http://jsfiddle.net/sidonaldson/qcXHu/

var buttonText = rsr.text(140, 60, "BUTTON1")

那么我怎样才能将文本与按钮“混合”，以使文本仍位于顶部但用户实际上无法将鼠标悬停在其上？

Answer 1

添加

buttonText.node.setAttribute("pointer-events", "none");

和 circleText 类似。这将使文本忽略（或传递）到下方元素（按钮）的鼠标事件。