我是靠谱客的博主 怕孤单洋葱,最近开发中收集的这篇文章主要介绍关于addEventListener的第三个参数语法参数,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

语法

target.addEventListener(type, listener, options);
target.addEventListener(type, listener, useCapture);

参数

  • type
    表示监听事件类型的字符串,如点击事件为click
  • listener
    表示监听事件的回调函数
  • useCapture
    默认为false,表示在事件冒泡阶段调用;当该值为true时,表示在事件捕获阶段调用。
  • options
    一个指定有关listener属性的可选参数对象。可选参数如下:
    1. capture:布尔值,默认值为false,表示在冒泡阶段调用;当该值为true时,表示在事件捕获阶段调用。
    2. once:布尔值,默认值为false,表示回调函数最多只调用一次。为true时,listener回调函数在被调用后会被移除。
    3. passive:布尔值,为true时,表示listener永远不会调用preventDefault()阻止默认行为的方法。根据规范,默认值为false.,但是Chrome, Firefox等浏览器为了保证滚动时的性能,在文档节点(Window, Document, Document.body)上针对touchstart和touchmove事件将passive默认值改为了true, 保证了在页面滚动时不会因为自定义事件中调用了preventDefault而阻塞页面渲染。

最后

以上就是怕孤单洋葱为你收集整理的关于addEventListener的第三个参数语法参数的全部内容,希望文章能够帮你解决关于addEventListener的第三个参数语法参数所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(61)

相关文章

__x__(14)0906第三天__<iframe> 内联框架  引入有一个外部html页面
__x__(14)0906第三天__