原⽣js给⼀个元素绑定click事件(三种实现⽅法)
原⽣js给⼀个元素绑定click事件(三种实现⽅法)
第⼀种直接在DOM元素绑定
<div id="btn" οnclick="one()"></div> //直接在DOM⾥绑定事件
<script>
    function one(){
    alert("hello");
    }
原生js和js的区别</script>
第⼆种在js代码中绑定
<div id="aaa"></div>
<script>
  ElementById("aaa").onclick = function(){
    alert("在js中直接绑定");
    } //脚本⾥⾯绑定
</script>
第三种绑定事件监听函数
<div id='aaa'><div>
<script>
alert('绑定事件监听函数')
})
</script>
注意:⽤ “addeventlistener” 可以绑定多次同⼀个事件,且都会执⾏,⽽在DOM结构如果绑定两个 “onclick” 事件,只会执⾏第⼀个;在脚本通过匿名函数的⽅式绑定的只会执⾏最后⼀个事件。
⽅式3注册了事件监听,还可以通过“removeListener”使⽤来取消监听。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。