addEventListener有哪些不为人知的特性

来源：佚名编辑：佚名

2024-06-18 14:23:24

使用Capture参数：addEventListener()方法还可以接受一个可选的参数，称为Capture。这个参数是一个布尔值，表示事件处理程序是在捕获阶段还是冒泡阶段执行。当Capture为true时，事件处理程序在捕获阶段执行；当Capture为false时，事件处理程序在冒泡阶段执行。默认值为false。
使用once参数：addEventListener()方法还可以接受一个可选的参数，称为once。这个参数是一个布尔值，表示事件处理程序只会执行一次，然后会被自动移除。这在需要执行一次性操作的情况下非常有用。
使用passive参数：addEventListener()方法还可以接受一个可选的参数，称为passive。这个参数是一个布尔值，表示事件处理程序是否为passive。passive事件处理程序会告诉浏览器当前事件处理程序不会调用preventDefault()方法来阻止默认行为，从而可以优化性能。
使用once与passive参数：addEventListener()方法还可以同时使用once和passive参数，这样可以在一次性执行操作的同时优化性能。
添加多个事件处理程序：可以使用addEventListener()方法多次为同一个事件添加多个事件处理程序，它们会按照添加的顺序执行。