React开发(269):事件的绑定-addEventListener

Posted 前端小歌谣

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React开发(269):事件的绑定-addEventListener相关的知识,希望对你有一定的参考价值。

利用函数addEventListener(‘事件’,function ())可以是同个元素执行多个程序
复制代码

big.addEventListener('click',function()   
    console.log("大");
,true) //在函数后面加true可以使这个div在捕捉阶段就被捕捉输出
middle.addEventListener('click',function()
    console.log("中");
)
small.addEventListener('click',function()
    console.log("小");
,true)

复制代码
系统提供了一个方法,addEventListener() - 可以将同类型的事件绑定多次
 语法:标签.addEventListener(事件类型,函数)
 参数3是可选项,是布尔值,默认false - 是否在捕获阶段执行
 box.addEventListener('click',function()
 console.log("点击了div");
 )

以上是关于React开发(269):事件的绑定-addEventListener的主要内容,如果未能解决你的问题,请参考以下文章

事件绑定和普通事件的区别

事件绑定 跨浏览器

关于高级事件的使用

事件流程以及dom2级事件绑定

浅谈Js中关于事件处理函数执行顺序的问题

js-事件