div内的button的click会触发两次(防止事件冒泡)
2012-05-15 09:22
316 查看
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>阻止事件冒泡
</title>
<script type="text/javascript">
function SayHello(e) {
alert("Hello World");
e = window.event || e;
if (e.stopPropagation) {
e.stopPropagation();
} else {
e.cancelBubble = true;
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div onclick="SayHello(event)" style="width:300px; height:300px; background-color:Green">
<input type="button" value="click me" onclick="SayHello(event)" />
</div>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- click 绑定（三）防止事件冒泡
- 使用iscroll滑动区域内的div onclick事件单击一次触发了两次
- jquery防止冒泡事件，冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件
- 点击label时click事件被触发两次的坑
- Button需要点击两次才触发点击事件问题
- Silverlight中使用MVVM(7):DataGrid中触发Button的Click事件
- Fastclick 导致click事件触发两次的问题
- Button的Click事件与js函数的两种不同顺序触发方式
- 自己写的，跳转到xx页面后，自动触发特定button的click事件
- input file 文件上传控件隐藏后用button触发它的click事件文件传不上去的解决方案
- IE 浏览器下 按下enter button自动触发click事件的解决方案
- 点击label时click事件被触发两次的坑
- asp.net C#动态添加创建生成button按钮控件没有触发执行响应click绑定事件处理
- 使用iscroll滑动区域内的div onclick事件单击一次触发了两次问题的解决
- 解决/阻止 div层内的div层点击事件冒泡触发的小方法
- 在文本框textbox1中按回车键Enter，触发按钮button1的单击事件click()
- 【工作笔记】点击div中的内部元素，防止事件冒泡
- 在android中用代码触发一个按钮的点击事件的代码是： buttonName.performClick();
- button的click事件触发的提交问题
- 点击label时click事件被触发两次的坑