阻止冒泡事件发生
2016-12-29 11:34
274 查看
问题:今天写代码的过程中,遇到一个新的问题,一个按钮事件已经封装好;需要在调用该按钮的之前先进行数据确认,满足情况下,再执行下面的方法,不然不执行下一个事件。
需要点击“续借操作”之前,先进行借阅状态判断若是“借出成功”这可以续借,不然的话不允许续借。
解决方案:取原“续借操作”click事件的下一个元素,对此进行新增事件操作,将其他事件进行阻止
1. “续借操作”click事件已封装好,针对的是黑色的ID(editinfo)
2. 现在事件是针对红色的ID(labelEdit)
3.通过事件的执行顺序DOM ,冒泡;由labelEdit事件到editinfo事件
4.在满足labelEdit事件是阻止冒泡,否则冒泡
$("#ContentPlaceHolder1_OperationButton_labelEdit").bind("click", function () { if ($("input[type='radio']:checked").parent().parent().find('td:last').text() != "借出成功") { BSS.AlertMore("只有借出成功书籍才有续借功能!", 5); //阻止冒泡事件 event.cancelBubble = true; } else { } });
event.cancelBubble = true; 阻止事件冒泡
相关文章推荐
- 【笔记】jquery阻止冒泡事件发生的语句
- JS阻止冒泡事件以及默认事件发生
- JS阻止冒泡事件以及默认事件发生的简单方法
- JS阻止冒泡事件以及默认事件发生的简单方法
- 绑定事件的冒泡与阻止冒泡事件的发生
- Javascript 阻止javascript事件冒泡,获取控件ID值
- 利用JQuery阻止事件冒泡
- 阻止冒泡事件即子元素父元素间的事件继承或传递
- 带你学习JQuery:事件冒泡和阻止默认行为
- 阻止事件冒泡
- js阻止事件冒泡
- 利用事件冒泡和阻止事件冒泡的例子
- 浅谈阻止事件冒泡的两种方法
- JS阻止事件冒泡
- JQuery中阻止事件冒泡方式及其区别
- javascript阻止事件冒泡
- 阻止事件冒泡js jquery
- JS阻止事件冒泡的3种方法之间的不同
- 阻止浏览器冒泡事件,兼容firefox和ie
- js基础特效04阻止事件冒泡及封装及获取事件目标