冒泡事件的移除以及获取事件源

最新推荐文章于 2023-10-27 15:26:33 发布
最新推荐文章于 2023-10-27 15:26:33 发布 · 256 阅读 · 0
文章标签：

#Safari #JavaScript #ViewUI

本文介绍了一种JavaScript事件处理函数，该函数可以获取事件对象并确定触发事件的目标元素。特别地，它处理了不同浏览器间的兼容性问题，例如对于Safari浏览器的特殊处理。 

function handleEvent(e){
    var evt = e || window.event;
    var evtTarget = evt.target || evt.srcElement;
    if(evtTarget.nodeType==3){
        evtTarget = evtTarget.parentNode;//for Safari;
    }
    //some code here.
}

事件的冒泡与冒泡的取消方法
qq_45716607的博客
04-28 1004
1事件冒泡 如果一个元素触发事情，那么其所有祖先元素都会依次执行触发该事件，这种机制称为冒泡 （好比气泡从水底下一直向上冒泡，像dom树一样，一直到根元素。） 2事件捕获 捕获与事件冒泡刚好相反 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s
事件冒泡/阻止默认行为/拖拽/获取样式/事件监听/事件委托
myNameYyj的博客
03-29 482
事件冒泡 在触发事件时候 会一层一层向上冒泡 (他会同时触发父类的事件) 阻止事件冒泡 意思就是组织事件的向上传递 btn.onclick = function(e){ //得到事件源对象 e = e || window.event //阻止事件向上冒泡 stopPropagtion这个方法可以阻止事件冒泡 且他遵从w3c规则 (兼容各大浏览器 ie9之前不兼容) //e.cancelBubble = true //取消冒泡 不建议写这种 //建议的写法
事件冒泡的解决方案
fb_01的专栏
04-18 2792
1、事件冒泡：        在一个对象上触发某类事件（例如单击事件onclick事件），若果此对象定义了此事件的处理程序，那么就会调用这个处理程序；但是如果没有定义此事件的处理程序或者事件返回true，那么这个事件就会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它达到了对象层次的最顶层，即document对象（有的浏览器是window）。
取消冒泡事件方法
最文艺的程序媛
07-11 1009
方法一： event.cancelBubble = true; //取消冒泡事件 方法二： event.stopPropagation(); //停止传播 也能取消冒泡事件
取消冒泡事件和阻止默认事件
vfjcgg的博客
03-15 235
取消冒泡事件和阻止默认事件 取消冒泡： W3C标准event.stopPropagation();但不支持IE9以下版本 IE独有event.cancelBubble=true; 封装取消冒泡的函数stopBubble(event) 阻止默认事件： 默认事件 —— 表单提交，a标签跳转，右键菜单等 1.return false;以对象属性的方式注册的事件才生效。 2.event.preventDe...
使用事件委托清除事件冒泡
controllerha的博客
09-09 1479
1.先看看常见的一种清除事件冒泡方法 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; *{
DOM事件机制、事件流（事件冒泡、事件捕获）、事件委托、事件对象、事件类型（JavaScript）
qq_51066068的博客
04-18 1121
目录 事件机制 事件是由三部分组成 执行事件的步骤 常用事件： 1.事件流 1.1.事件冒泡(IE事件流) 阻止事件冒泡 event.stopPropagation() 1.2.事件捕获(Netscape事件流) 1.3.DOM事件流 2.事件处理程序 2.1.HTML 事件处理程序 2.2.DOM0 事件处理程序 2.3.DOM2 事件处理程序 addEventListener() removeEventListener() 3.事件对象 3.1...
js DOM的事件常见操作实例详解
10-15
JavaScript DOM事件是...理解事件源、事件和事件处理程序的关系，以及如何有效地绑定和处理事件，是每个前端开发者必备的技能。通过实例和实践，我们可以更深入地掌握这些概念，并创建更加交互丰富的网页应用。
Event事件-1:addEventListener事件监听 / 事件冒泡事件捕获 / 事件委托 / preventDefault 阻止默认行为 / cancelBubble、stopPropa...
kino2046的博客
03-17 1356
addEventListener 事件监听器 target.addEventListener(type,listener[,options|useCapture])添加事件监听 参数： type事件类型(click、mouseover等，注意这里不加on) listener事件处理函数 可选参数： options配置对象...
js事件(Event)知识整理
10-27
JavaScript事件（Event...总结以上，JavaScript的事件处理涵盖了事件的类型、注册、监听、移除、获取事件对象和源、阻止默认行为、事件冒泡和捕获以及事件委托等多个方面。掌握这些知识点对于提升Web交互体验至关重要。
事件冒泡以及取消事件冒泡方法
weixin_30662011的博客
02-25 282
事件冒泡 以及 取消事件冒泡方法 1. 事件冒泡的原理： 　　 2. 取消事件冒泡的方法： 　　方法一：return false （在定义的事件回调函数的后面加上这句代码） 　　方法二：event. stopPropagation() 　　方法三：event. preventDefault() （在Chrome浏览器中，失效了） 转载于:https://www.cnblogs.c...
Javascript 绑定事件，删除事件，事件冒泡，事件捕获，取消冒泡，阻止默认事件
zjq_supperman的博客
09-11 371
本文是博主学习JavaScript的学习记录。 1 绑定事件 1.1 句柄绑定事件 onclick 等 onxxx = function(event) {}兼容性最好，但同一个dom对象只能绑定一个处理函数，基本等同于写在HTML行间上 由于function在预编译提升，所以只会执行下面的处理函数 var div = document.getElementsByTagName("div")[0]; div.onclick = function(e) { console.log("OK"); } d
JQuery 取消时间冒泡
qq_36074043的博客
04-23 702
取消事件冒泡 效果 这是刚进入时的效果 我们想要实现的效果是：1.鼠标点击大的方框内容时弹出警告窗口（这是大的div）,不包括点击小的div内部部分                                              2.鼠标点击大的方框内容时弹出警告窗口（这是小的div）,但是不弹出警告（这是大的div）， 以下是实现效果 <% String path = re
04 ，jquery 的使用 ：事件委托，阻止冒泡，事件源，未来事件
孙砚秋的博客
05-28 564
1 ，初体验 ： 文档结构 ： 代码 ： <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="content-type" charset="UTF-8"> <!-- 告诉 IE ，以最高标准渲染 --> <meta http-equiv="x-ua-compatible" content="IE=edge"> <!-- 告诉爬虫
DOM事件-事件捕获、事件冒泡、事件委托、事件对象和事件源
weixin_43026567的博客
10-16 297
一.事件和事件流 jacascript与html的交互是通过事件实现的，比如点击html标签、拖拽元素等等；事件流描述的是从页面中接收事件的顺序，“DOM2级事件”规定的事件流包括三个阶段:事件捕获阶段、处于目标阶段和事件冒泡阶段。 二.事件捕获和事件冒泡 事件捕获和事件冒泡属于两个相反的过程，这里可以有一个十分恰当的比喻，当你把一个可以漂浮在水面上的物品，使劲向水里砸下去，它会首先有一个下降...
js获取事件源和阻止冒泡
weixin_45942049的博客
07-29 221
//1.事件对象 2.事件源 3.事件流 //事件流 从捕获 事件源 冒泡 三部分组成 //冒泡 从最特定到最不特定的一个传播过程 //获取事件源 var _target = evt.target || evt.srcElement; console.log(_target); //阻止冒泡 //现代浏览器的阻止方式 某些低版本浏览器会直接报错 evt.stopPropagation(); //某些低版本浏览器的阻止方式 大部分现代浏览器已经支持 evt.cancelBubble = true
JavaScript 怎么处理事件冒泡？
热门推荐
努力是为了站在万人之中，成为别人的光
06-25 1万+
在JavaScript中，事件冒泡是一种常见的事件传播机制。它可以让嵌套的元素接收到父元素触发的事件。本文将介绍事件冒泡的概念，并提供处理事件冒泡的方式和示例代码。事件冒泡是JavaScript中常见的事件传播机制。通过事件冒泡，可以让嵌套的元素接收到父元素触发的事件。在处理事件冒泡时，可以采用停止事件冒泡和使用事件委托两种方式。停止事件冒泡可以阻止事件继续向父元素传播，而事件委托利用事件冒泡的特性，将事件处理委托给父元素来管理，提高性能和代码的可维护性。
浅谈事件冒泡前世今生
weixin_38225763的博客
10-27 242
所谓的时间冒泡就是当一个元素触发一个事件，事件会像是水泡一样，从触发元素向它的所有父节点传播，一直到根节点都会接收到此事件，如果父元素中注册了相应的事件处理函数，那么尽管事件在子节点触发的，在父元素上注册的事件处理函数同样会被触发 比如这次是为了实现点击相应行政区区域图，弹出窗口显示相应的查询数据，结果再给 行政区域绑定监听点击事件时，触发了两次，因为行政区域图是在map地图里的一块区域，这就引发了事件冒泡，从外层向里层(行政区域图)，依次触发点击事件了
理解JavaScript中的事件处理
大巧不工
07-02 1705
什么是事件？事件(Event)是JavaScript应用跳动的心脏 ，也是把所有东西粘在一起的胶水。当我们与浏览器中 Web 页面进行某些类型的交互时，事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。事件还可能是 Web 浏览器中发生的事情，比如说某个 Web 页面加载完成，或者是用户滚动窗口或改变窗口大小。 通过使用 JavaScript ，你可以监听特定事件的发生，并规定让某些事件发生以对这些事件做出响应。 今天的事件在漫长的演变史，我们已经告别了内嵌
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值