首页 > 代码库 > 时间对象冒泡行为和默认行为
时间对象冒泡行为和默认行为
冒泡行为:
<div style="width: 200px;height: 200px;background-color: red;"> <input type="button" value="按钮" /> </div>
$(function(){ $(‘input‘).bind(‘click‘,function(e){ alert(‘input‘); }); $(‘div‘).bind(‘click‘,function(e){ alert(‘div‘); }); $(document).bind(‘click‘,function(e){ alert(‘document‘); }); });
阻止冒泡行为:
$(function(){ $(‘input‘).bind(‘click‘,function(e){ e.stopPropagation(); //禁止冒泡 alert(‘input‘); }); $(‘div‘).bind(‘click‘,function(e){ e.stopPropagation(); //禁止冒泡 alert(‘div‘); }); $(document).bind(‘click‘,function(e){ alert(‘document‘); }); });
网页元素默认行为阻止:
//<a href="http://www.baidu.com" target="_blank">百度</a> $(function(){ $(‘a‘).click(function(e){ e.preventDefault(); //阻止点击的默认行为,不会跳转 alert(‘百度‘); }); });
既阻止冒泡有阻止默认行为:
可以:
$(‘a‘).click(function(e){ alert(‘百度‘); e.stopPropagation(); e.preventDefault(); //阻止点击的默认行为,不会跳转 }); //简写方法 $(‘a‘).click(function(e){ alert(‘百度‘); return false; });
时间对象冒泡行为和默认行为
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。