Hủy bọt vào một thẻ HTML neo

Question

Tôi có sau thiết lập trên trang web của tôi

<div id="clickable"> 
    <a href="hello.com">Here!</a> 
</div> 

Có cách nào tôi có thể sử dụng để tránh những sự kiện click cho div được kích hoạt. Tôi đoán nó có cái gì để làm với thiết lập một cái gì đó trong thuộc tính onclick cho các thẻ neo nhưng cố gắng những điều đơn giản như e.preventDefault() đã không làm việc.

Trợ giúp? Cảm ơn!

Answer 1

e.preventDefault(); wont làm việc trong các thuộc tính onclick vì e không được định nghĩa. Ngoài ra e.preventDefault(); không muốn bạn muốn ngừng sủi bọt, bạn cần e.stopPropagation();

Hoặc sử dụng;

onclick="$(this).stopPropagation();" 

trên neo của bạn, hoặc

$(a).click(function(e){ 
    e.stopPropagation(); 
}); 

trong các sự kiện của bạn.

Answer 2

Bạn có thể return false; hoặc đảm bảo chức năng của bạn đang sử dụng e như một cuộc tranh cãi

$("#clickable a").click(function(e){ 
    //stuff 
    e.preventDefault; 
}); 

Answer 3

e.preventDefault() không ngăn sự kiện phát ra. Bạn cần thêm e.stopPropagation() hoặc thay thế bằng return false.

Bạn có thể đọc thêm trên differences between these three in this answer.

Answer 4

Bạn có thể sử dụng onclick = "return false;"

<a href="#" onclick="return false;">stuff</a>