如何取消绑定SVG元素上的事件

Question

在主题中，如何取消绑定，即在svg元素上单击事件？点击事件由元素上的“on（）”函数添加。

$(e.element).unbind('click');
e.element.removeEventListener();

似乎也无法正常工作。

Answer 1

unbind方法适用于jQuery，我已经创建了一个显示它的JSFiddle：http://jsfiddle.net/sPJqN/

我的JS代码：

$('#r').on('click', function() {
    alert('Clicked');
});

$('#b').on('click', function() {
     $('#r').unbind('click');
});

HTML代码：

<button id="b">Remove listener</button>
<svg>
    <rect x="10" y="10" width="100" height="100" id="r" />
</svg>

所以，我怀疑，问题是你的对象e.element，如果你发布更多代码，可能会找出根本原因。