preventDefault() không hoạt động

Question

Khi tôi sử dụng event.preventDefault() trên một liên kết nó hoạt động, tuy nhiên khi tôi sử dụng nó trên một nút không!
DEMO
mã của tôi:

<a id="link" href="http://www.google.com">link</a> 
<button id="button" onclick="alert('an alert')">button</button>​ 

$('#link').click(function(event){ 
    event.preventDefault(); 
}); 
$('#button').click(function(event){ 
    event.preventDefault(); 
}); 

hành động liên kết bị hủy bỏ, nhưng khi tôi nhấp vào nút, vẫn thực hiện các hành động onClick
Bất kỳ sự giúp đỡ? những gì tôi muốn làm là để ngăn chặn các nút onClick hành động mà không thay đổi nút html (Tôi biết làm thế nào để làm

$('#button').removeAttr('onclick');

Answer 1

Bạn muốn event.stopImmediatePropagation(); nếu có nhiều xử lý sự kiện trên một phần tử và bạn muốn preventDefault() chỉ chặn hoạt động mặc định (chẳng hạn như gửi biểu mẫu hoặc điều hướng tới một URL khác) trong khi stopImmediatePropagation() ngăn sự kiện phát tán lên cây DOM và ngăn bất kỳ trình xử lý sự kiện nào khác trên cùng một phần tử khỏi bị thực thi .

Dưới đây là một số liên kết hữu ích để giải thích các phương pháp khác nhau:

• http://api.jquery.com/event.preventDefault/
• http://api.jquery.com/event.stopPropagation/
• http://api.jquery.com/event.stopImmediatePropagation/

Tuy nhiên, vì nó vẫn không hoạt động có nghĩa là xử lý onclick="" thực hiện trước trình xử lý sự kiện đính kèm. Không có gì bạn có thể làm kể từ khi mã của bạn chạy mã onclick đã được thực thi.

Giải pháp đơn giản nhất là hoàn toàn loại bỏ handler rằng:

$('#button').removeAttr('onclick'); 

Thậm chí thêm một người biết lắng nghe sự kiện thông qua javascript đơn giản (addEventListener()) với useCapture=true không giúp - rõ ràng là sự kiện inline kích hoạt ngay cả trước khi sự kiện bắt đầu giảm dần DOM cây.

Nếu bạn chỉ không muốn để loại bỏ các xử lý bởi vì bạn cần nó, chỉ cần chuyển nó sang một sự kiện gắn đúng cách:

var onclickFunc = new Function($('#button').attr('onclick')); 
$('#button').click(function(event){ 
    if(confirm('prevent onclick event?')) { 
     event.stopImmediatePropagation(); 
    } 
}).click(onclickFunc).removeAttr('onclick'); 

Answer 2

bạn có thể thử này:

$('#button').show(function() { 
    var clickEvent = new Function($(this).attr('click')); // store it for future use 
    this.onclick = undefined; 
}); 

DEMO

Answer 3

bạn cần stopImmediatePropagation không preventDefault. preventDefault ngăn chặn hành vi trình duyệt mặc định, không phải là phương pháp sủi bọt.

http://api.jquery.com/event.stopImmediatePropagation/

http://api.jquery.com/event.preventDefault/

Answer 4

Các preventDefault chức năng không chỉ dừng lại xử lý sự kiện được kích hoạt, nhưng thay vì dừng hành động mặc định diễn ra. Đối với các liên kết, nó dừng điều hướng, cho các nút, nó dừng biểu mẫu không được gửi, v.v.

Điều bạn đang tìm kiếm là stopImmediatePropagation.