美文网首页
js为元素添加监听事件

js为元素添加监听事件

作者: bit_拳倾天下 | 来源:发表于2020-12-11 14:32 被阅读0次

语法
element.addEventListener(event, function, useCapture);
第一个参数是事件的类型(比如 "click" 或 "mousedown")。

第二个参数是当事件发生时我们需要调用的函数。

第三个参数是布尔值,指定使用事件冒泡还是事件捕获。此参数是可选的。

注意:请勿对事件使用 "on" 前缀;请使用 "click" 代替 "onclick"。

addEventListener可以对一个dom添加多个监听器,并且会顺序执行。

开发中,会遇到多个js文件都使用window.onload,然而只有最后一个绑定的生效,如下:
window.onload = func1();
window.onload = func2();

这时可以用addEventListener来解决:
window.addEventListener('load', func1);
window.addEventListener('load', func2);

相关文章

  • js为元素添加监听事件

    语法element.addEventListener(event, function, useCapture);第...

  • Angular 4 HostListener & Hos

    HostListener 是属性装饰器,用来为宿主元素添加事件监听。 此外,我们也可以监听宿主元素外,其它对象产生...

  • 事件处理

    1.事件代理 事件代理:为子元素添加监听器转变为为父容器添加监听器,然后通过event.target判断具体操作的...

  • Js监听动态添加元素事件

    body为页面加载前已有的元素edit_img为动态添加的元素该方法建议写在$().ready中

  • JavaScript-全选-不选-反选

    获取行间事件 提取事件 为元素添加事件 1、事件和其他属性一样,可以用JS添加 2...

  • 前端面试题——事件代理 delegate 的实现(一)

    当我们需要监听某个元素被点击的时候,我们会给这个元素添加事件监听器 事件监听器只会绑定到当前 DOM 中已有的元素...

  • DOM2级事件

    1、添加事件监听 addEventListener(“事件名”,执行函数名,bool值);可以为元素添加多个事件处...

  • react基础(上)

    JSX{} 中添加表达式,可以是变量值 也可以使HTML元素 添加事件 ,在需要添加监听事件的元素上添加on*属性...

  • HostListener & HostBinding

    HostListener 是属性装饰器,用来为宿主元素添加事件监听。HostBinding 是属性装饰器,用来动态...

  • 手把手教你实现web页面内容滑动效果

    标签的触摸/鼠标滑动事件,添加元素的切换动画,效果如下: 事件监听 鼠标事件和触摸事件监听: componentD...

网友评论

      本文标题:js为元素添加监听事件

      本文链接:https://www.haomeiwen.com/subject/onejgktx.html