как отменить событие click для элемента с «onclick = xxx»?

Question

Как отменить событие click для элемента с "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

Вы можете просто использовать jQuery's prop() method, чтобы удалить атрибут onclick из элемента :

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

JSFiddle demo.

Вы не должны использовать removeAttr() `, как указано в ответе Milind Anantwar как это не будет работать должным образом в старых версиях IE:

Примечание: Удаление встроенного OnClick обработчик события, используя .removeAttr() Безразлично» t добиться желаемого эффекта в Internet Explorer 6, 7 или 8.

Источник: jQuery's removeAttr() documentation.

Answer 2

Вы должны использовать:

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

или:

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