取消事件冒泡(大小DIV)
来源:互联网 发布:java零基础入门书籍 编辑:程序博客网 时间:2024/09/21 08:16
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>取消事件冒泡</title><script type="text/javascript" src="js/jQuery1.11.1.js"></script><style type="text/css">#mybigdiv{ width:300px; height:300px; border:1px solid pink;}#mysmalldiv{ windth:100px; height:100px; border:1px solid pink;}</style><script type="text/javascript"> $(function(){ //1. 给大的div注册事件 $("#mybigdiv").click(function(){ alert('大的div'); }); //小div $("#mysmalldiv").click(function(event){ alert('小的div'); //判定浏览器引擎shiIE浏览器还是其他浏览器 event=event||window.event; if(event.stopPropagation){ event.stopPropagation(); //非IE浏览器 }else{ event.cencelBubble=true; //IE浏览器 } }); }); </script> </head> <body> <div id="mybigdiv">大的div <div id="mysmalldiv">小的div</div> </div> </body></html>
0 0
- 取消事件冒泡(大小DIV)
- 取消事件冒泡-select模拟(多选)
- js取消事件冒泡
- js 取消冒泡事件
- javascript_取消事件冒泡
- js取消事件冒泡
- 取消冒泡事件方法
- 取消事件冒泡
- jQuery取消事件冒泡
- JQuery取消事件冒泡
- JQuery取消事件冒泡
- 取消事件的冒泡
- JS取消冒泡事件
- 取消事件冒泡(多个事件重复发生)
- js取消事件冒泡方法
- jQuery取消冒泡排序事件
- 阻止事件冒泡、取消默认事件
- vue,事件冒泡与取消默认事件
- POJ 2262 Goldbach's Conjecture
- 关于INNODB引擎的一些学习概要(1)
- 选择排序——堆排序
- 基础学习day01
- HBCTF——WriteUp&&涨姿势(2)
- 取消事件冒泡(大小DIV)
- 360春秋杯writeup
- apache的坑:以一个访问权限不允许的方式做了一个访问套接字的尝试解决方法
- 在一个数组中找出只出现一次的一个数字、两个数字,而其余数字全部成对出现。
- 第七章 PX4-Pixhawk-Mavlink解析
- 基础学习day02
- 让Nginx/tengine支持ThinkPHP/phpmvc框架/iwebshop的URL重写和PATHINFO
- 关于软件的使用中的一些小问题的记录汇总(长期更新)
- PS_BaseUse_打开多张img