JS:window.event.cancelBubble = true;

最新推荐文章于 2023-01-05 11:20:21 发布
转载 最新推荐文章于 2023-01-05 11:20:21 发布 · 489 阅读 · 1

本文介绍了一个简单的JavaScript脚本，该脚本实现了网页中图片点击事件的处理。通过使用`onclick`事件，当用户点击指定的图片时，可以弹出该图片的源地址。此外，还提供了一个全局事件监听函数来阻止某些默认行为。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<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 onclick="showSrc()">
<IMG onclick="checkCancel()" SRC="sample.gif">
js window.event对象详尽解析
10-30
JavaScript中的`window.event`对象是浏览器内置的一个全局变量，它提供了关于当前正在处理的事件的信息。这个对象在事件处理函数内部可用，包含了与事件相关的各种属性和方法，如按键状态、鼠标位置等。下面我们将...
javascript中window.event事件用法详解
10-27
window.event对象是JavaScript中一个特殊的对象，它代表当前发生的事件的状态，包括触发事件的元素、鼠标位置和按键状态等信息。window.event对象仅在事件处理函数运行期间有效，因此它是事件处理函数的局部变量。每...
event.cancelBubble=true e.stopPropagation() 取消事件处理，阻止事件
10年老码农
10-18 3572
&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 3481
取消事件冒泡，在 IE 的事件机制中，触发事件会从子元素向父元素逐级上传，就是说，如果子元素触发了单击事件，那么也会触发父元素的单击事件；event.cancelBubble=true;可以停止事件继续上传补充一点，Ie的事件传递是从下到上的： 事件来源对象->上级对象->上上级对象->.....->body->document->windowNS的事件传递是从上到下：window->
11.①事件冒泡：取消冒泡event.cancelBubble=true或.sopImmediatePropagation()②事件绑定addEventListener(参数1，参2，参3）③事件传播
lazylYYY的博客
08-12 1065
一：事件冒泡： 设置点击事件，分别点击body、box、span，分别弹出‘我是body’、‘我是box’、‘我是span’ 但是我们发现点击span时一并弹出了‘我是body’、‘我是box’、这就是冒泡 1.冒泡指的是事件的向上传导， 当元素上的某个事件被触发时，其祖先元素上的相同事件也会同时被触发 2.冒泡与子元素所在位置无关，与结构有关（就算给子元素添加定位，移出父元素里面，还是会产生冒泡） 3.要取消事件的冒泡需要用到事件对象（两种方法） ...
JavaScript 阻止事件冒泡的方法
 我的博客
09-18 646
[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 1111
在火狐Firefox、opera、IE下阻止冒泡事件是不同的代码的，火狐下使用的是event.stopPropagation()，而IE下使用的是cancelBubble，jQuery 可以使用e.stopPropagation()就可以兼容了，如果是纯粹的JavaScript需要下面的代码来统一： if (event.stopPropagation) { // Mozilla and Opera
JavaScript深入解读：window.event对象
"详解JavaScript中的window.event对象及其属性" 在JavaScript中，`window.event`对象是一个全局事件对象，它提供了一系列属性和方法，用于描述当前正在处理的事件。这个对象只在事件处理过程中存在，因此它不是在...
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` 属性来判断事件是否已经被...
[JS]详尽解析window.event对象
11-25
`window.event`对象是JavaScript中一个非常重要的概念，特别是在处理DOM事件时。它代表了当前事件的状态和相关信息，包括触发事件的元素、鼠标位置、按键状态等。在事件发生时，`event`对象会作为参数传递给事件处理...
关于js的window.event的详解上
qq_33625012的博客
02-15 3008
ps:以下文章纯粹自己做为资料保留和分享的，如果不足请赐教谢谢。 window.onload=function(e){ console.log(e); } bubbles: 事件属性返回一个布尔值，如果事件是起泡类型，则返回 true，否则返回 fasle。 cancelBubble: Bubble就是一个事件可以从子节点向父节点传递，比如鼠标点击了一个TD，当前
event.cancelBubble=true 取消事件处理
u010738018的博客
10-13 1050
&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 117
1.事件冒泡概述 1.1事件冒泡的概念：一个事件的传播（从里向外或者从外向里），并且会把接收到的事件传给自己的父级，事件源本身没有处理时间的能力，处理时间的函数没有绑定在该事件上。 代码如下： <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <titl...
div嵌套多个点击事件,点击后如何阻止多次事件触发冒泡
TwoBE9876的博客
01-05 945
在你像要触发一次的事件上加 window.event.cancelBubble = true;//禁止冒泡（禁止其他事件触发）
关于event.cancelBubble和event.stopPropagation（）的困惑
weixin_30410999的博客
10-10 177
首先我在网上看到不少文章大体上分为两个（不正确）观点： 1.cancelBubble用于ie的阻止冒泡事件，event.stopPropagation（）用于firefox和chrome等其他浏览器。 先不讲上面是对是错 先看一个例子：（测试环境：chrom5.0.275.7, moz3.6.4, opera10.53, ie6,7,8） 代码 <!DO...
event事件冒泡之cancelBubble和stoppropagation的区别
qq_731445005的博客
03-13 1196
事实上stoppropagation和cancelBubble的作用是一样的，都是用来阻止浏览器默认的事件冒泡行为。不同之处在于stoppropagation属于W3C标准，试用于Firefox等浏览器，但是不支持IE浏览器。相反cancelBubble不符合W3C标准，而且只支持IE浏览器。所以很多时候，我们都要结合起来用。不过，cancelBubble在新版本chrome,opera浏览器中已...
JavaScript 事件之event.preventDefault()与event.stopPropagation()简单介绍
weixin_34088598的博客
05-17 306
event.preventDefault()用法介绍： 该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。 例如，如果 type 属性是 “submit”，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。 注意：如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值