Jak usunąć „onclick” za pomocą JQuery?

Kod PHP:

<a id="a$id" onclick="check($id,1)" href="javascript:void(0)"  class="black">Qualify</a>

Chcę usunąć, onclick="check($id,1)aby link nie mógł zostać kliknięty lub „ check($id,1)nie zostanie uruchomiony . Jak mogę to zrobić z JQuery?

Old Way (przed 1.7):

$("...").attr("onclick", "").unbind("click");

Nowy sposób (1.7+):

$("...").prop("onclick", null).off("click");

(Zastąp ... selektorem, którego potrzebujesz.)

// use the "[attr=value]" syntax to avoid syntax errors with special characters (like "$")
$('[id="a$id"]').prop('onclick',null).off('click');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>


<a id="a$id" onclick="alert('get rid of this')" href="javascript:void(0)"  class="black">Qualify</a>

Wiem, że 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 oficjalne doku jQuerys :

„Usunięcie wbudowanej procedury obsługi zdarzeń onclick za pomocą .removeAttr () nie daje pożądanego efektu w programie Internet Explorer 6, 7 lub 8. Aby uniknąć potencjalnych problemów, użyj zamiast tego .prop ()”

Usuwanie onclickmienia

Załóżmy, że dodałeś zdarzenie kliknięcia w tekście, na przykład:

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

Następnie możesz usunąć wydarzenie w ten sposób:

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

Usuwanie clickdetektorów zdarzeń

Załóżmy, że dodałeś zdarzenie kliknięcia, definiując odbiornik zdarzeń, na przykład:

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

... lub tak:

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

Następnie możesz usunąć wydarzenie w ten sposób:

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

Usuwanie obu

Jeśli nie masz pewności, w jaki sposób wydarzenie zostało dodane, możesz połączyć oba, na przykład:

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

jeśli używasz jquery 1.7

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

jeszcze

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

Jest to bardzo łatwe dzięki removeAttr.

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

Po tak ciężkich próbach z bind, unbind, on, off, click, attr, removeAttr, prop, sprawiłem, że zadziałało. Mam więc następujący scenariusz: W moim html NIE dołączyłem żadnych programów obsługi onclick.

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

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

Aby usunąć to później z Javascript, użyłem:

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

W ten sposób pracowałem w przypadku dynamicznego łączenia i usuwania powiązań kliknięć w Javascript. Pamiętaj, aby NIE wstawiać żadnych funkcji obsługi onclick w swoich elementach.

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

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

Spróbuj tego, jeśli usuniesz wiązanie zdarzenia onclick według identyfikatora Następnie użyj:

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

Spróbuj tego, jeśli usuniesz wiązanie zdarzenia onclick według klasy. Następnie użyj:

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