jquery事件冒泡,jquery终止事件冒泡
2011-09-04 12:13
246 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>事件冒泡</title> <script src="../js/jquery-1.6.2.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(function () { $("#p1").click(function (e) { alert("p1被点击了"); e.stopPropagation(); //终止冒泡的方法 }); $("#td1").click(function () { alert("td1被点击了"); }); $("#tr1").click(function () { alert("tr1被点击了"); }); $("#table1").click(function () { alert("table1被点击了"); }); }); </script> </head> <body> <table onclick="alert('这是table')"> <tr onclick="alert('这是tr')"> <td onclick="alert('这是td')"> <p onclick="alert('这是p')">段落</p> </td> </tr> </table> <table id="table1"> <tr id="tr1"> <td id="td1"> <p id="p1">你好</p> </td> </tr> </table> </body> </html>
相关文章推荐
- Jquery和JS中终止事件冒泡行为
- 浅谈jQuery 中的事件冒泡和阻止默认行为
- jQuery event,冒泡,默认事件用法
- HTML事件冒泡和JQuery阻止事件冒泡的方式
- jQuery阻止冒泡事件的几种方法
- Jquery 事件冒泡
- JQuery中阻止事件冒泡方式及其区别
- jQuery 阻止事件传播及事件冒泡
- 带你学习JQuery:事件冒泡和阻止默认行为
- jquery事件冒泡
- JQuery事件----冒泡机制的思考
- jQuery阻止事件冒泡具体实现
- Jquery——Day3(事件对象+事件冒泡+默认行为阻止)
- jQuery冒泡事件阻止
- jquery阻止冒泡事件 模拟事件
- jQuery阻止事件冒泡
- JQuery中阻止事件冒泡几种方式及其区别介绍
- jQuery-阻止事件冒泡
- jquery的冒泡事件event.stopPropagation()
- JQuery中阻止事件冒泡方式及其区别