Làm cách nào để loại bỏ “onclick” bằng JQuery?

Mã PHP:

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

Tôi muốn xóa onclick="check($id,1)liên kết để không thể nhấp vào liên kết hoặc " check($id,1)sẽ không được kích hoạt. Làm cách nào để thực hiện với JQuery?

Old Way (trước 1.7):

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

Cách mới (1.7+):

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

(Thay thế ... bằng bộ chọn bạn cần.)

// 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>

Tôi biết điều này khá cũ, nhưng khi một người lạ bị lạc tìm thấy câu hỏi này để tìm câu trả lời (giống như tôi đã làm) thì đây là cách tốt nhất để làm điều đó, thay vì sử dụng removeAttr ():

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

Trích dẫn doku chính thức của jQuerys :

"Xóa trình xử lý sự kiện onclick nội tuyến bằng .removeAttr () không đạt được hiệu quả mong muốn trong Internet Explorer 6, 7 hoặc 8. Để tránh các sự cố tiềm ẩn, hãy sử dụng .prop () thay thế"

Xóa onclicktài sản

Giả sử bạn đã thêm nội tuyến sự kiện nhấp chuột của mình, như sau:

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

Sau đó, bạn có thể xóa sự kiện như sau:

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

Xóa trình clicknghe sự kiện

Giả sử bạn đã thêm sự kiện nhấp chuột của mình bằng cách xác định trình xử lý sự kiện, như sau:

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

... hoặc như thế này:

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

Sau đó, bạn có thể xóa sự kiện như sau:

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

Loại bỏ cả hai

Nếu bạn không chắc chắn sự kiện của mình đã được thêm vào như thế nào, bạn có thể kết hợp cả hai, như sau:

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

nếu bạn đang sử dụng jquery 1.7

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

khác

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

Nó rất dễ dàng bằng cách sử dụng removeAttr.

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

Sau khi cố gắng rất nhiều với bind, unbind, on, off, click, attr, removeAttr, prop, tôi đã làm cho nó hoạt động. Vì vậy, tôi có tình huống sau: Trong html của tôi, tôi KHÔNG đính kèm bất kỳ trình xử lý onclick nội tuyến nào.

Sau đó, trong Javascript của tôi, tôi đã sử dụng phần sau để thêm trình xử lý onclick nội tuyến:

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

Để xóa điều này sau đó khỏi Javascript, tôi đã sử dụng như sau:

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

Đây là cách nó hoạt động để tôi liên kết và hủy liên kết các sự kiện nhấp chuột trong Javascript. Hãy nhớ KHÔNG chèn bất kỳ trình xử lý onclick nội tuyến nào vào các phần tử của bạn.

Điều gì sẽ xảy ra nếu sự kiện onclick không trực tiếp trên phần tử mà từ phần tử mẹ? Điều này sẽ hoạt động:

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

Hãy thử điều này nếu bạn hủy liên kết sự kiện onclick theo ID Sau đó sử dụng:

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

Hãy thử điều này nếu bạn hủy liên kết sự kiện onclick theo Lớp Sau đó sử dụng:

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