JQuery 停止事件冒泡
来源:互联网 发布:淘宝隐形降权怎么解决 编辑:程序博客网 时间:2024/04/30 07:40
<!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 runat="server">
<title></title>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tbody>
<tr>
<td>
事件冒泡
</td>
</tr>
</tbody>
</table>
</div>
</form>
<script type="text/javascript">
$(document).ready(function() {
$("tbody").click(function() {
alert("tbody");
});
$("tr").click(function() {
alert("tr");
});
$("td").click(function(e) {
alert("td");
//停止事件冒泡
e.stopPropagation();
});
});
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tbody>
<tr>
<td>
事件冒泡
</td>
</tr>
</tbody>
</table>
</div>
</form>
<script type="text/javascript">
$(document).ready(function() {
$("tbody").click(function() {
alert("tbody");
});
$("tr").click(function() {
alert("tr");
});
$("td").click(function(e) {
alert("td");
//停止事件冒泡
e.stopPropagation();
});
});
</script>
</body>
</html>
- JQuery 停止事件冒泡
- js /jquery停止事件冒泡和阻止浏览器默认事件
- jquery通过on绑定事件,停止冒泡不起作用
- 停止事件冒泡的方法
- jquery事件冒泡,jquery终止事件冒泡
- JS:停止事件冒泡和阻止浏览器的默认行为 js/jquery/prototype
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交)
- jQuery 冒泡事件
- Jquery 事件冒泡
- jQuery阻止事件冒泡
- Jquery 阻止事件冒泡
- jquery中的事件冒泡
- Jquery 事件冒泡
- Jquery 事件冒泡
- 阻止jQuery事件冒泡
- jquery事件冒泡详解
- 阻止jQuery事件冒泡
- jquery阻止事件冒泡
- 通过rowid值获得块号,文件号的函数
- 调试错误集1
- Android基础之菜单详解
- android学习笔记2:动态生成界面
- java学习,不定期更新~
- JQuery 停止事件冒泡
- C++杂记 2011/12/12
- 所需的基础知识
- Android开发——菜单小问题解决
- 盘点2011年最给力的云服务公司[图]
- Hibernate的核心接口--- Session
- epoll事件读写
- POJ-2104(K-th Number 划分树)
- STL模板删除