JS:window.event.cancelBubble = true;

最新推荐文章于 2023-01-05 11:20:21 发布
最新推荐文章于 2023-01-05 11:20:21 发布
阅读量428 收藏 1
点赞数
<SCRIPT LANGUAGE="JScript">
function checkCancel() {
if (window.event.shiftKey)
    window.event.cancelBubble = true;
}
function showSrc() {
    if (window.event.srcElement.tagName == "IMG")
        alert(window.event.srcElement.src);
}
</SCRIPT>
<BODY οnclick="showSrc()">
<IMG οnclick="checkCancel()" SRC="sample.gif">
weixin_34198881
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js window.event对象详尽解析
10-30
JavaScript中的`window.event`对象是浏览器内置的一个全局变量，它提供了关于当前正在处理的事件的信息。这个对象在事件处理函数内部可用，包含了与事件相关的各种属性和方法，如按键状态、鼠标位置等。下面我们将...
[JS]详尽解析window.event对象
11-25
`window.event`对象是JavaScript中一个非常重要的概念，特别是在处理DOM事件时。它代表了当前事件的状态和相关信息，包括触发事件的元素、鼠标位置、按键状态等。在事件发生时，`event`对象会作为参数传递给事件处理...
event.cancelBubble=true e.stopPropagation() 取消事件处理，阻止事件
10年老码农
10-18 3455
&lt;tr&gt;&lt;a href="xxx"&gt;连接&lt;/a&gt;&lt;/tr&gt; 如上结构，单击tr的时候跳转至另一页   &lt;tr style="cursor:pointer" onmouseover="this.style.backgroundColor='gainsboro'" onmouseout="this.
event.cancelBubble=true;是什么意思
AJAXBloger的专栏
06-01 3362
取消事件冒泡，在 IE 的事件机制中，触发事件会从子元素向父元素逐级上传，就是说，如果子元素触发了单击事件，那么也会触发父元素的单击事件；event.cancelBubble=true;可以停止事件继续上传补充一点，Ie的事件传递是从下到上的： 事件来源对象->上级对象->上上级对象->.....->body->document->windowNS的事件传递是从上到下：window->
JavaScript 阻止事件冒泡的方法
 我的博客
09-18 503
[size=medium]JavaScript停止冒泡和阻止浏览器默认行为 事件兼容[/size] [code="js"] function myfn(e){ var evt = e ? e:window.event; } [/code] [size=medium]js停止冒泡[/size] [code="js"] function myfn(e){ w...
event.cancelBubble与event.stopPropagation()
front_end_fan
10-23 1061
在火狐Firefox、opera、IE下阻止冒泡事件是不同的代码的，火狐下使用的是event.stopPropagation()，而IE下使用的是cancelBubble，jQuery 可以使用e.stopPropagation()就可以兼容了，如果是纯粹的JavaScript需要下面的代码来统一： if (event.stopPropagation) { // Mozilla and Opera
关于js的window.event的详解上
qq_33625012的博客
02-15 2893
ps:以下文章纯粹自己做为资料保留和分享的，如果不足请赐教谢谢。 window.onload=function(e){ console.log(e); } bubbles: 事件属性返回一个布尔值，如果事件是起泡类型，则返回 true，否则返回 fasle。 cancelBubble: Bubble就是一个事件可以从子节点向父节点传递，比如鼠标点击了一个TD，当前
高手window.event对象详解
08-29
window.event.cancelBubble = true; } } function showSrc() { if (window.event.srcElement.tagName == "IMG") { alert(window.event.srcElement.src); } } <body onclick="showSrc()"> <img onclick=...
js停止冒泡和阻止浏览器默认行为的简单方法
11-25
2. **IE兼容方法**：在IE浏览器中，使用`window.event.cancelBubble = true`来阻止事件冒泡。 **阻止浏览器默认行为** 阻止浏览器默认行为是指在触发某个事件时，不执行浏览器默认的动作。例如，点击链接时不跳转...
09JavaScript事件总结.docx
04-27
这在很多情况下是有益的，但有时也需要阻止冒泡，如使用`event.cancelBubble = true`来实现。 五、事件委托（Delegation） 事件委托是一种优化技术，通过在共同的父元素上绑定事件监听器，而不是在每个子元素上单独...
11.①事件冒泡：取消冒泡event.cancelBubble=true或.sopImmediatePropagation()②事件绑定addEventListener(参数1，参2，参3）③事件传播
lazylYYY的博客
08-12 881
一：事件冒泡： 设置点击事件，分别点击body、box、span，分别弹出‘我是body’、‘我是box’、‘我是span’ 但是我们发现点击span时一并弹出了‘我是body’、‘我是box’、这就是冒泡 1.冒泡指的是事件的向上传导， 当元素上的某个事件被触发时，其祖先元素上的相同事件也会同时被触发 2.冒泡与子元素所在位置无关，与结构有关（就算给子元素添加定位，移出父元素里面，还是会产生冒泡） 3.要取消事件的冒泡需要用到事件对象（两种方法） ...
event.cancelBubble=true 取消事件处理
u010738018的博客
10-13 963
&lt;tr&gt;&lt;a href="xxx"&gt;连接&lt;/a&gt;&lt;/tr&gt; 如上结构，单击tr的时候跳转至另一页面 &lt;tr style="cursor:pointer" onmouseover="this.style.backgroundColor='gainsboro'" onmouseout="t
javascript要点
zmm0223的博客
07-22 78
1.事件冒泡概述 1.1事件冒泡的概念：一个事件的传播（从里向外或者从外向里），并且会把接收到的事件传给自己的父级，事件源本身没有处理时间的能力，处理时间的函数没有绑定在该事件上。 代码如下： <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <titl...
div嵌套多个点击事件,点击后如何阻止多次事件触发冒泡
TwoBE9876的博客
01-05 830
在你像要触发一次的事件上加 window.event.cancelBubble = true;//禁止冒泡（禁止其他事件触发）
关于event.cancelBubble和event.stopPropagation（）的困惑
weixin_30410999的博客
10-10 138
首先我在网上看到不少文章大体上分为两个（不正确）观点： 1.cancelBubble用于ie的阻止冒泡事件，event.stopPropagation（）用于firefox和chrome等其他浏览器。 先不讲上面是对是错 先看一个例子：（测试环境：chrom5.0.275.7, moz3.6.4, opera10.53, ie6,7,8） 代码 <!DO...
event.cancelBubble的理解
qq_731445005的博客
03-13 2546
关于event.cancelBubble由于HTML中的对象都是层次结构，比如一个Table包含了多个TR，一个TR包含了多个TD Bubble就是一个事件可以从子节点向父节点传递，比如鼠标点击了一个TD，当前的event.srcElement就是这个TD，但是这种冒 泡机制使你可以从TR或者Table处截获这个点击事件，但是如果你event.cancelBubble，则就不能上传事件。 例子： ...
window.Event参数详解
weixin_33889665的博客
09-12 203
window.evet 说明 event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。例子下面的例子检查鼠标是否在链接上单击，并且，如果shift键被按下，就...
event事件冒泡之cancelBubble和stoppropagation的区别
qq_731445005的博客
03-13 1148
事实上stoppropagation和cancelBubble的作用是一样的，都是用来阻止浏览器默认的事件冒泡行为。不同之处在于stoppropagation属于W3C标准，试用于Firefox等浏览器，但是不支持IE浏览器。相反cancelBubble不符合W3C标准，而且只支持IE浏览器。所以很多时候，我们都要结合起来用。不过，cancelBubble在新版本chrome,opera浏览器中已...
关于event.cancelBubble－JS时间冒泡
fafa211的专栏
02-09 2108
由于HTML中的对象都是层次结构，比如一个Table包含了多个TR，一个TR包含了多个TD Bubble就是一个事件可以从子节点向父节点传递，比如鼠标点击了一个TD，当前的event.srcElement就是这个TD，但是这种冒泡机制使你可以从TR或者Table处截获这个点击事件，但是如果你event.cancelBubble，则就不能上传事件。 例子：    一般    阻止消息上传
const execClick = (event) => { let e = event || window.event if (e.cancelBubble) { e.cancelBubble = true } else { e.stopPropagation() } // console.log("e",e.target,"d",e.target.className) //点击了除菜单项以外的地方 if (typeof e.target.className == 'string' && e.target.className.indexOf('menu-item') == -1) { handleBlur() } } 是什么意思
最新发布
06-14
首先，代码通过 `let e = event || window.event` 定义了一个变量 `e` 来保存事件对象。这是为了兼容不同浏览器对事件对象的处理方式。 接下来，代码通过判断事件对象的 `cancelBubble` 属性来判断事件是否已经被...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值