div内的button的click会触发两次(防止事件冒泡)

<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 οnclick="SayHello(event)" style="width:300px; height:300px; background-color:Green"><input type="button" value="click me" οnclick="SayHello(event)" /></div></form></body></html>

div内的button的click会触发两次(防止事件冒泡)相关推荐

js双击会触发两次单击事件的解决方案
问题描述: javascript中,onclick为单击事件,ondblclick为双击事件,在同一DOM 对象上加上单击事件和双击事件时,双击会触发两次单击事件. 解决方案: 通过设置两次点击事件的 ...
jQuery —— 元素绑定单击事件（click），但是双击该元素也能触发单击事件，同时会触发两次单击事件的问题
最近做项目遇到一个问题,给元素绑定了单击事件,但是双击该元素时同样会触发单击事件,并且触发两次的问题,网上找了解决办法基本上都是用 clearTimeout .setTimeout 解决,但是效果不是 ...
关于移动端在cubeui中cube-scroll（以及better-scroll）里面写click会触发两次的问题
看了一下cube文档,里面的scroll是封装的better-scroll并且cube-scroll自带了一个apioptions支持better-scroll的原生语法于是就去better-scr ...
el-table click事件多次触发_JavaScript从零开始——DOM事件编程（1）
事件的本质是程序各个组成部分之间的一种通信方式,也是异步编程的一种实现.DOM 支持大量的事件,本章开始,我们一起看看 DOM 的事件编程. 1 概念 DOM 的事件操作(监听和触发),都定义在Eve ...
jq阻止事件冒泡（点击子级不触发父级）的两种方法
方法1 function addFocus() { var e=window.event || arguments.callee.caller.arguments[0]; e.preven ...
C#之敲击回车键触发Button的Click事件
C#之敲击回车键触发Button的Click事件在做项目时,需要在TextBox控件中输入指令,点击Button后将指令传给下位机.为了简化操作,想直接敲击回车键实现Button的Click事件来发 ...
关于JS 事件冒泡和onclick,click,on()事件触发顺序
今天在给JQgrid中的标签添加click事件的时候,发现一个问题. JQgrid的table中,点击任何位置,都会勾选点击行的checkbox,而我希望在点击我的标签的时候,不要勾选checkbox ...
JavaScript基础13-day15【DOM增删改、DOM添加删除记录、操作内联样式、获取元素的样式、DOM Element 对象、滚动条练习、事件对象、div跟随鼠标移动、事件冒泡】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
touchstart与click同时触发
产生冲突的原因我们可以给某个元素同时绑定 touchstart 和 click 事件,但这将会导致本篇文章解决的问题 – 这两个事件在移动设备上会发生冲突. 由于移动设备能够同时识别 touchst ...

div内的button的click会触发两次(防止事件冒泡)

div内的button的click会触发两次(防止事件冒泡)相关推荐

最新文章

热门文章