Jak usunąć "onclick" z JQuery?

Wiem, że jest to dość stare, ale kiedy zagubiony nieznajomy znajdzie to pytanie szukając odpowiedzi (tak jak ja), to jest to najlepszy sposób, aby to zrobić, zamiast używać removeAttr ():

$element.prop("onclick", null);

Cytując jquerys official doku :

" Usuwanie wbudowanej obsługi zdarzenia onclick za pomocą .removeAttr () nie osiąga pożądanego efektu w przeglądarce Internet Explorer 6, 7 lub 8. Aby uniknąć potencjalnych problemów, użyj .prop() zamiast "

Jeśli używasz jquery 1.7

$('html').off('click');

Else

$('html').unbind('click');

Usuwanie onclick własności

Załóżmy, że dodałeś Zdarzenie kliknięcia w linii, tak:

<button id="myButton" onclick="alert('test')">Married</button>

Następnie możesz usunąć zdarzenie w następujący sposób:

$("#myButton").prop('onclick', null); // Removes 'onclick' property if found

Usuwanie click event listeners

Załóżmy, że dodałeś Zdarzenie click, definiując detektor zdarzeń, tak:

$("button").on("click", function() { alert("clicked!"); });

... albo tak:

$("button").click(function() { alert("clicked!"); });

Następnie możesz usunąć zdarzenie w następujący sposób:

$("#myButton").off('click');          // Removes other events if found

Usuwanie obu

Jeśli nie jesteś pewien, jak Twoje wydarzenie został dodany, można połączyć oba, w ten sposób:

$("#myButton").prop('onclick', null)  // Removes 'onclick' property if found
              .off('click');          // Removes other events if found

Po tak ciężkich próbach z bind, unbind, on, off, click, attr, removeAttr, prop sprawiłem, że działało. Tak więc, mam następujący scenariusz: w moim html nie mam dołączone żadnych inline onclick handlers.

Następnie w moim Javascript użyłem następujących, aby dodać wbudowaną obsługę onclick:

$(element).attr('onclick','myFunction()');

Aby usunąć to w późniejszym momencie z Javascript użyłem następującego:

$(element).prop('onclick',null);

W ten sposób działało dla mnie bindowanie i odłączanie zdarzeń kliknięć dinamically w Javascript. Pamiętaj nie aby wstawić dowolny wbudowany moduł obsługi onclick do elementów.

Używanie removeAttr jest bardzo proste.

$(element).removeAttr("onclick");

Co jeśli zdarzenie onclick nie jest bezpośrednio na elemencie, ale z elementu nadrzędnego? Powinno działać:

$(".noclick").attr('onclick','').unbind('click');
$(".noclick").click(function(e){
    e.preventDefault();
    e.stopPropagation();
    return false;
});

Spróbuj tego, jeśli usuniesz Zdarzenie onclick za pomocą ID, użyj:

$('#youLinkID').attr('onclick','').unbind('click');

Spróbuj tego, jeśli usuniesz Zdarzenie onclick za pomocą klasy, użyj:

$('.className').attr('onclick','').unbind('click');