标签:
1、e.stopPropagation()//禁止冒泡
2、e.preventDefault()//阻止跳转
3、return false //阻止默认行为,禁止冒泡
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>事件冒泡</title> <script src="js/jquery-1.7.2.js" type="text/javascript"></script> <script> $(function(){ /* $(‘.box‘).click(function(e){ e.stopPropagation();//禁止冒泡 alert(1); }); $(‘.box input‘).click(function(e){ e.stopPropagation();//禁止冒泡 alert(1); }); $(document).click(function(){ alert(1); }); $(‘a‘).click(function(e){ e.preventDefault(); //阻止系统默认行为 alert(1); }); //表单提交禁止跳转 $(‘ :submit‘).click(function(e){ e.preventDefault(); //阻止系统默认行为 alert(1); }); $(‘form‘).submit(function(e){ e.preventDefault(); }); */ }); </script> </head> <body> <div class="box"> <input type="button" value="按钮" /> <a href="http://www.baidu.com">链接</a> <form action="123.html"> <input type="submit" value="提交" /> </form> </div> </body> </html>
另外取消默认行为和冒泡行为的方法:
preventDefault() 取消某个元素的默认行为
isDefaultPrevented() 判断是否调用了preventDefault()方法
stopPropagation() 取消事件冒泡
isPropagationStopped() 判断是否调用了stopPropagation()方法
stopImmediatePropagation() 取消事件冒泡,并取消该事件的后续事件处理函数
isImmediatePropagationStopped() 判断是否调用了stopImmediatePropagation()方法
标签:
原文地址:http://www.cnblogs.com/liangcheng11/p/5187524.html