如何取消具有“ onclick = xxx”元素的點擊事件的綁定？

Question

如何為具有"onclick=xxx"的元素取消單擊事件的綁定？

請參閱下面的代碼：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<button id="a" onclick="a()">a</button>
<button onclick="test()">test</button>
<script type="text/javascript">
    function a(){
        alert('a');
    }
    function test(){
        // how can I remove the click function for #a?
        // code bellow not works
        $('#a').unbind('click');
    }
</script>

Answer 1

您應該使用：

$("#a").removeAttr("onclick");

要么：

$("#a").prop("onclick", null);

Answer 2

您可以簡單地使用jQuery的prop()方法從元素中刪除onclick屬性：

$('#a').prop('onclick', null);

JSFiddle演示 。

您不應使用Milind Anantwar的回答中所述的removeAttr（）`，因為這在舊版本的IE中將無法正常工作：

注意：使用.removeAttr()刪除嵌入式onclick事件處理程序無法在Internet Explorer 6、7或8中獲得所需的效果。

資料來源： jQuery的removeAttr()文檔 。