addEventListener的第三个参数详解

摘要:
object类型包括三个布尔值选项:capture:默认值为false.,true---使用事件捕获;once:默认值为false,是否只调用一次,true---会在调用后自动销毁listenerpassive:不同浏览器默认值不同。true---listener永远不远调用preventDefault方法。根据规范,默认值为false.但是chrome,Firefox等浏览器为了保证滚动时的性能,在Window,、Document、Document.body上针对touchstart和touchmove事件将passive默认值改为了true,保证了在页面滚动时不会因为自定义事件中调用了preventDefault而阻塞页面渲染。只会检查addEventListener的bool类型或者object类型值。
示例代码
element.addEventListener("mousedown",func,{passive:true});
element.addEventListener("mousedown",func,{passive:true});
element.addEventListener("mousedown",func,{capture:false});
element.addEventListener("mousedown",func,{capture:true});
element.addEventListener("mousedown",func,{passive:false});
element.addEventListener("mousedown",func,false);
element.addEventListener("mousedown",func,true);
参数详细解释
在addEventListener事件委托中第三个参数,可以设置为bool类型(useCapture)或者object类型(options)。
  • object类型(options)包括三个布尔值选项:

    • capture: 默认值为false(即 使用事件冒泡).,true---使用事件捕获;
    • once: 默认值为false,是否只调用一次,true---会在调用后自动销毁listener
    • passive:不同浏览器默认值不同。true---listener永远不远调用preventDefault方法。根据规范,默认值为false. 但是chrome, Firefox等浏览器为了保证滚动时的性能,在Window,、Document、 Document.body上针对 touchstart 和 touchmove 事件将passive默认值改为了true, 保证了在页面滚动时不会因为自定义事件中调用了preventDefault而阻塞页面渲染。
  • bool类型(useCapture): 默认值为false(即 使用事件冒泡),与capture用法相同。

那么怎样与removeEventListener 方法合作呢?

只会检查addEventListener的 bool类型(useCapture)或者 object类型(options)值。

免责声明:文章转载自《addEventListener的第三个参数详解》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇排阻——A472JVB.Net实现Ftp上传的方法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

OpenCV —— 写入AVI视频文件

打开视频文件,对每一帧进行极坐标变换,然后将转换生成的图像序列写入视频文件中 #include "cv.h" #include "highgui.h" int main(int argc,char** argv) { CvCapture* capture=0; capture = cvCreateFileCapture("video.av...

smarty小技巧之6个标签

1,capture标签 capture的中文意思是抓取,它的作用是抓取模板输出的数据,当我们需要它的时候,调用它,以得到抓取数据的目的。例子: {capture name=test} <img src=”testimg.jpg”> {/capture} <div class=”image”> {$smarty.capture.t...

在webapp上使用input:file, 指定capture属性调用默许相机,摄像,录音功能

## 在webapp上使用input:file, 指定capture属性调用默认相机,摄像,录音功能 在iOS6下开发webapp,使用inputz之file,很有用 <input type="file" accept="image/*" capture="camera"> <input type="file" accept="...

iOS 三种录制视频方式

随着每一代 iPhone 处理能力和相机硬件配置的提高,使用它来捕获视频也变得更加有意思。它们小巧,轻便,低调,而且与专业摄像机之间的差距已经变得非常小,小到在某些情况下,iPhone 可以真正替代它们。 这篇文章讨论了关于如何配置视频捕获管线 (pipeline) 和最大限度地利用硬件性能的一些不同选择。 这里有个使用了不同管线的样例 app,可以在Gi...

H5调用手机的相机/摄像/录音等功能 _input:file的capture属性说明

H5使用input标签调用系统默许相机,摄像,录音功能。使用input:file标签, 去调用系统默认相机,摄像,录音功能,其实是有个capture属性,直接说明需要调用什么功能: <input type="file" accept="image/*" capture="camera"> <input type="file" accept...

[转] c# 中使用opencv进行视频捕获

简介 这个项目是关于如何从网络摄像头或者视频文件(*.AVI)中捕获视频的,这个项目是用C#和OPENCV编写的。 这将有助于那些喜欢C#和OpenCV环境的人。这个程序完全基于Visual Studio 2010 version C#.NET环境。这个程序展示了怎样用C#.NET环境的Visual Studio 2010 IDE编写OpenCV,这个...