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

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

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

2.2K20

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.7K30

控制台禁用js_禁止直接访问js

3、利用控制台特性改写对象toString 对于一些浏览器,如果控制台输出的是对象,则保留对象的引用,每次打开控制台的时候,如果对象类型是function、date等(以前还有regexp,现在已失效)...//或执行一段死循环 window.open("about:blank", "_self"); } console.log('', devtools); 激活成功教程:可通过标签注入js...4、利用控制台特性进行监听dom属性 大部分浏览器在打印dom元素的时候,如果控制台处于关闭状态,不会获取元素属性,但是如果控制台处于开启状态,就会自动获取dom属性,从而触发监听事件 function...除了使用console.log,我们还可以使用console.info,console.dir和console.error等等,需要注意的是ie不支持console.table 激活成功教程:通过标签注入js...this.observerF() : this.observer(); } } ConsoleManager.init() 激活成功教程:通过标签注入js代码清空控制台、取消console.log

9.5K20

Node.js 控制台动画,绘制跨年祝福

人生不过几十年,每一年都值得纪念和祝福,所以我想用 Node.js 控制台动画送上一份我的新年祝福:http://mpvideo.qpic.cn/0bc3mqaaqaaakaao5vooorqvazgdbbsaacaa.f10002...实现原理 动画都需要一帧帧的刷新,控制台动画也不例外。 那控制台是怎么刷新的呢? 控制台中有一种叫做 TTY,特点是可以设置颜色,可以清除或修改某个位置的内容。...Node.js 里面可以通过 process.stdout.isTTY 来查看是否是 TTY 类型的标准输出流,然后提供了 readline 这个包来操作它。...小结一下: TTY 类型的控制台可以设置颜色、可以在任意位置清除和修改内容,这是控制台动画能一帧帧刷新的基础,Node.js 提供了 readline 模块来做这些。...其中,控制台的光标位置修改和内容的清除使用 Node.js 的 readline 内置模块,其余的是第三方的包。

2.1K20

错误捕获

再厉害的人也不敢保证写程序能考虑的100%周全,像Windows系统、Office都不停的会有补丁更新bug,所以在程序里捕获错误就非常的有必要。...如果能够在代码里捕获错误,并给出提示信息,那么使用者即使不懂代码,也能根据提示信息解决一些问题。...2、使用举例 错误捕获上面已经有了使用的例子,这里介绍一种利用错误捕获的使用技巧。...HasSht1 = True Exit Function End If Next HasSht1 = False End Function 使用错误捕获的方法...,因为作为写程序的人,必须要考虑到使用者的情况,给使用者出现运行时错误是不应该的,所以写程序的过程中,一定要非常严谨,尽量在所有的程序中都加上错误捕获的代码。

2.7K10

Python 怎么捕获警告?(注意:不是捕获异常)

警告能捕获吗 能捕获的只有错误异常,但是通过一系列的操作后,你可以将这些警告转化为异常。 这样一来,你就可以像异常一样去捕获他们了。 在不进行任何设置的情况下,警告会直接打印在终端上。 3....捕获警告方法一 在 warnings 中有一系列的过滤器。 当你指定为 error 的时候,就会将匹配警告转换为异常。 之后你就可以通过异常的方式去捕获警告了。...捕获警告方法二 如果你不想对在代码中去配置将警告转成异常。...捕获警告方法三 除了上面的方法之外 ,warnings 还自带了个捕获警告的上下文管理器。...当你加上 record=True 它会返回一个列表,列表里存放的是所有捕获到的警告,我将它赋值为 w,然后就可以将它打印出来了。

2.6K20

Python 怎么捕获警告?(注意:不是捕获异常)

try except语句其实只能捕获异常或者错误,但无法捕获警告。在本文中,我向大家介绍几种捕获警告的方法。 1. 警告不是异常 当我们在使用第三方库的时候,经常会出现一些警告,数量往往还会很多。...能捕获的只有错误异常,但是我们可以通过一系列的操作将这些警告转化为异常。 这样的话,我们就可以像异常一样去捕获他们了。 如果我们不进行任何设置,警告就会直接打印在终端上。例子如下: 2....捕获警告方法一 在 warnings 中有一系列的过滤器。 当你指定为 error 的时候,就会将匹配警告转换为异常。这样一来我们就可以通过异常的方式去捕获警告了。...捕获警告方法二 如果你不想对在代码中去配置将警告转成异常。...捕获警告方法三 除了上面的方法之外 ,warnings 还自带了个捕获警告的上下文管理器。

1.7K20
领券