jquery 事件冒泡 解决 ie firefox 兼容性问题
2016-03-08 17:00
267 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>在此处插入标题</title> <style> #div1 { width: 400px; height: 400px; background-color: red; } #div2 { width: 300px; height: 300px; background-color: green; } #div3 { width: 200px; height: 200px; background-color: blue; } </style> <script language='javascript' src='../jQuery/jquery.js'></script> <script> $().ready(function() { //点击事件 div1 $('#div1').bind('click', function() { alert('div1'); }); //点击事件 div2 $("#div2").bind("click", function(event) { alert('div2'); event.stopPropagation(); }); //点击事件 div3 $("#div3").bind("click", function(event) { alert('div3'); //弹出消息框后,取消事件冒泡 event.stopPropagation(); }); }); </script> </head> <body> <div id='div1'> <div id='div2'> <div id='div3'></div> </div> </div> </body> </html>
需要 jquery.js 自己引入
相关文章推荐
- 实现jquery EasyUI tabs选项卡关闭图标后载入自己定义事件
- 怎样用jquery添加HTML代码
- Jquery获取元素标签名称
- jquery中的slice方法(个人使用总结)
- jquery创建一个新的节点对象(自定义结构/内容)的好方法
- jquery.pagination.js分页
- jquery.inArray()和splice()使用小记
- jQuery.prop() 函数详解
- jquery笔记(仅供个人参考)
- jQuery设置 select、radio、checkbox 默认选中的值
- jQuery插件imgAreaSelect
- jquery.qrcode.min.js生成二维码 通过前端实现二维码生成
- JQuery里的子元素过滤选择器,加空格与不加空格的区别
- jQuery.pagination.js---jquery自带分页
- jQuery
- jquery 中多条件选择器,相对选择器,层次选择器的区别
- jQuery实现的分页功能,包括ajax请求,后台数据,有完整demo
- 关于Jquery的parent和parents
- jQuery的filter方法和find方法的(个人使用总结)
- jQuery学习记录