您的位置:首页 > 其它

阻止冒泡事件发生

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; 阻止事件冒泡

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息