首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS的事件冒泡和捕获

    事件机制 ---- 事件触发三个阶段: window往事件触发处传播,遇到注册的捕获事件会触发 传播到事件触发处时触发注册的事件 从事件触发处往window传播,遇到注册的冒泡事件会触发 事件触发一般会按照...先从上往下捕获 | | | / \ ------------------| |--| |-----------------|...'}, true) 当点击innner元素时,如下元素发生了: 点击事件开始于捕获阶段,在此阶段浏览器会在所有祖先元素上查找点击事件处理函数(从document开始) 结果找到了2个,分别在document...和outer上面,而且这两个事件处理函数的useCapture选项为true,说明他们被注册在捕获阶段的。...于是,document和outer的点击处理函数被执行 继续向下寻找,直到到达inner元素本身,捕获阶段就此结束。

    2.5K20

    JS事件,你真的懂吗(捕获,冒泡)?

    说到js事件大家肯定都知道,那么今天讲一点大家不知道的(假设大家不知道?)。 所有的js事件都会分为两个阶段捕获和冒泡。...那么问题来了,我们通常看到的事件都是直接触发之后就执行了,那么我们怎么才能看到事件的捕获和冒泡都是怎么进行的呢,这里给大家准备了一个例子 addEventListener() 例子之前首先给大家简单介绍一下...true表示监听事件的捕获阶段,false表示监听事件的冒泡阶段。 返回值 没有返回值 示例: <!...其次是inner捕获阶段 然后是inner冒泡阶段 最后是outer冒泡阶段 由此我们可以看到,事件触发的时候实际上都是有捕获和冒泡阶段的,并且捕获阶段会从最外层的父级元素开始捕获,一直捕获到最后触发事件的那个元素点才会停止...并且事件的触发是先捕获,在冒泡。 阻止事件冒泡 事件的冒泡会让我们实现某些功能的时候产生阻碍,那么我们怎么怎么阻止事件的冒泡呢,这个时候就会用到一个方法。

    2.4K20

    IE浏览器,被永久关闭

    IE浏览器正式退役! IE浏览器,最高市场份额曾一度高达95%。在很多用户潜意识中,其以字母“e”为核心的Logo,已成浏览器的代名词。...1995年8月16日,Windows第一个默认浏览器——Internet Explorer(IE)首次亮相,由于和Windows的捆绑安装,IE浏览器迅速占领市场。...根据StatCounter数据显示,2022年5月,IE浏览器的市场占比率已经只剩下0.64%了。 可能在大多数人的记忆里,登录一些必须要使用IE浏览器才能启动的老旧的网页和服务。...IE浏览器“退休” 对用户有何影响 目前还是有某些古董网站,还真只能IE浏览器打开,即使IE兼容模式也不行,比如一些银行U盾、考试报名之类的。 IE浏览器退役后,其功能将由Edge浏览器接棒。...在IE浏览器正式退休之后的几个月时间里,IE 桌面应用程序将会先被重定向到微软Edge浏览器。 最终微软将通过后续的Windows更新永久禁用IE。

    2.1K10

    JS常见的报错及异常捕获

    在开发中,有时,我们花了几个小时写的Js 代码,在游览器调试一看,控制台一堆红,瞬间一万头草泥马奔腾而来。...至此,本文主要记录Js 常见的一些错误类型,以及常见的报错信息,分析其报错原因,并给予处理方法。并且将介绍几种捕获异常的方法。 注:本文使用的谷歌游览器验证,不同的游览器,报错可能会不一样。...在函数中参数已经出现,函数里使用let重新声明 function fn(arg) { let arg = [] } ---- SyntaxError: Invalid or unexpected token 含义:捕获无效或意外的标记...createXHR('http://192.168.10:8080') 异常调试及捕获 ---- try/catch,Js中处理异常的一种模式,try用于可能会发生错误的代码,catch对错误的处理

    5.8K30

    JS】asyncawait异常捕获,这样做才完美

    前言缘由JS中async/await异步调用,只能通过try-catch吗?你想听的故事:作为一个合格的全栈搬砖工,那必须文武双全,前后必备。...小伙伴们可以看到,此时就掉入没有捕获异常的的坑了,非常遗憾,后续牵连接口一并因错误戛然而止,出错连坐!...,而且要捕获的漂亮主要目标实现重点async/await异常捕获方法正文目标解析async/await异常捕获方法方法一:try-catch任何异步调用全部一把嗦,全部套上try-catch壳还是以上述内容为案例...插件库await-to-js是什么await-to-js 是一个辅助开发者处理异步错误的库await-to-js怎么下# npm安装npm i await-to-js --save# yarn安装yarn...add await-to-jsawait-to-js怎么写import to from 'await-to-js'const init = async () => { const [err, data

    11810
    领券