js基础-事件绑定的方法和区别详解

        原生js绑定事件的方法有3种分为行内绑定，动态绑定和事件监听

        1：行内绑定


图片1

2：动态绑定


图片2

3：事件监听


图片3

以上所有的绑定方式所绑定的函数都可以用click（）来触发而行内绑定和动态绑定的区别在于函数内部的this指向


图片4


图片5

由运行结果可见，行内绑定时函数内部的this指向为window而动态绑定时的内部this指向为该dom元素，而事件监听的绑定方式传入的参数有三个，第一个为事件名称，第二个为回调函数，第三个为是否事件传递方式是捕获，true为捕获，false为冒泡，默认为false冒泡。


以上为个人学习文档，如有错误，还望指正

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容