jQuery之防止冒泡事件
2016-05-17 14:25
489 查看
冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。
方法1:
event.stopPropagation(); // 阻止事件冒泡
有时候点击提交按钮会有一些默认事件。但是如果没有通过验证的话,就不应该继续。这时候可以通过设置event.preventDefault(); //阻止默认行为 ( 表单提交 )。
方法2:
return false;
示例代码:
方法1:
event.stopPropagation(); // 阻止事件冒泡
有时候点击提交按钮会有一些默认事件。但是如果没有通过验证的话,就不应该继续。这时候可以通过设置event.preventDefault(); //阻止默认行为 ( 表单提交 )。
方法2:
return false;
示例代码:
<script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(function(){ // 为span元素绑定click事件 $('span').bind("click",function(event){ var txt = $('#msg').html() + "<p>内层span元素被点击.<p/>"; $('#msg').html(txt); event.stopPropagation(); // 阻止事件冒泡 }); // 为div元素绑定click事件 $('#content').bind("click",function(event){ var txt = $('#msg').html() + "<p>外层div元素被点击.<p/>"; $('#msg').html(txt); event.stopPropagation(); // 阻止事件冒泡 }); }) </script> <div id="content"><span>内层span元素</span></div> <div id="msg"></div>
相关文章推荐
- jquery中click事件的几种写法
- jquery中的attr和prop深度理解
- 5月13日 Jquery基础
- jQuery+css3弹出框插件
- jquery动态新增行
- 统一处理jquery ajax请求过程中的异常错误信息的机制
- JQUERY 大于
- jquery中ajax如何返回值到上层函数里?
- jQuery事件绑定和委托
- jquery 属性操作 attr () val() html()
- jQuery学习笔记之二:显示效果
- JQuery属性操作 addclass removeclass hasclass toggleClass()
- jQuery基础——DOM篇
- 详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()
- JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
- jQuery学习和知识点总结归纳
- jQuery 学习笔记之一
- jquery对象和js的dom对象之间的转换
- JQuery ajax方法及参数
- jquery.validate 的ajax验证(转)