Code666 (代码贴、代码片段)

[JavaScript] jquery 阻止事件冒泡（防止多层事件同时响应） →→→→→进入此内容的聊天室

来自 , 2021-01-12, 写在 JavaScript, 查看 145 次.
URL http://www.code666.cn/view/a8166da0
  1. // 为span元素绑定click事件
  2. $('span').bind("click", function (event) {
  3.     var txt = $('#msg').html() + "<p>内层span元素被点击.<p/>";
  4.     $('#msg').html(txt);
  5.     event.stopPropagation(); //  阻止事件冒泡
  6. });
  7. // 为div元素绑定click事件
  8. $('#content').bind("click", function (event) {
  9.     var txt = $('#msg').html() + "<p>外层div元素被点击.<p/>";
  10.     $('#msg').html(txt);
  11.     event.stopPropagation(); //  阻止事件冒泡
  12. });
  13. // 为body元素绑定click事件
  14. $("body").bind("click", function () {
  15.     var txt = $('#msg').html() + "<p>body元素被点击.<p/>";
  16.     $('#msg').html(txt);
  17. });
  18.  

回复 "jquery 阻止事件冒泡（防止多层事件同时响应）"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666