我可以使用jQuery刪除內聯事件處理程序嗎？

Question

我有一些帶有onclick屬性的HTML。 我想使用jQuery覆蓋該屬性。 有沒有辦法使用jQuery刪除單擊處理程序？ 使用unbind不起作用 。

Answer 1

試試.removeAttr()函數：

$(function() {
    $('a').removeAttr('onclick');
});

的jsfiddle演示 。

一旦你擺脫了onclick屬性，你可以附加你自己的點擊處理程序。

Answer 2

$("#theElement")[0].onclick = function() {
  whatever();
};
// -- or --
$("#theElement")[0].onclick = null;

並不是說jQuery會使標准的DOM函數和屬性消失。 ;-)

Answer 3

在http://api.jquery.com/prop/中引用。使用.removeAttr（）刪除內聯onclick事件處理程序無法在Internet Explorer 8,9和11中實現所需的效果。為避免潛在問題，請使用.prop （）代替。

所以這可以做到

$(function() {
    $('a').prop('onclick', false);
});

Answer 4

有一個插件，但你應該只在你需要的時候這樣做。 該插件為您提供了調用舊函數或完全忽略它的選項。

jQuery Override插件

$(divElementObj).override('onclick', 'click', function(...));

Answer 5

試過給定的選項，但部分工作，因為他們刪除了一個但不是全部。

相反，我嘗試使用鏈接作為解決方法。 我使用的是1.4.2版本。

jQuery("selector")
    .removeAttr("onclick").removeAttr("onmouseout").removeAttr("onmouseover");