JS有三种常用的绑定事件的方法
在DOM元素上直接绑定在JS代码中绑定在JS中绑定事件监听函数在DOM中直接绑定,行内绑定
<button onclick="fn()">按钮</button><script>function fn(ev) { console.log(DOM0级事件,行内绑定) }</script>
我们可以在DOM元素上绑定onclick、onmouseover、onmouseout、onmousedown、onmouseup、onkeydown、onkeyup等。不列出了。行内绑定时没办法解绑的,但是可以将绑定函数改写成空函数来实现。
在JS代码中绑定,也叫DOM0级事件绑定
<button>按钮</button><script>var btn = document.getElementById(tn);btn.onclick = fn;function fn(ev) { console.log(DOM0级事件,JS绑定) }</script>
JS代码中绑定可以使JS和HTML分离,结构清晰,便于管理和开发。DOM级事件只能绑定一个事件,如果绑定多个也只有最后一个会被触发想解绑直接可以把绑定指向nullbtn.onclick = null;