js事件高级

js事件高级

1. 注册事件（绑定事件）

【传统的注册方式】：

​ var btn = document.getElementById(‘btn’);//获取事件源

​ btn.onclick = function() {alert(‘hhhhh’)}//事件类型+事件处理程序

特点：注册事件的唯一性（同一个元素同一个事件只能设置一个处理函数，最后注册的会覆盖前面注册的处理函数

【方法监听注册方式】：W3C标准推荐

​ eventTarget.addEventListener(type, listener[, useCapture])

特点：同一个元素同一个事件只能注册多个监听器，按照注册顺序依次执行。

2. 删除事件（解绑事件）

注意：解绑事件需要写在function里的最后，这样才能保证先执行一次处理程序再解绑。

【传统的注册方式的解绑】：

​ var btn = document.getElementById(‘btn’);

​ btn.onclick = function() {

​ alert(‘hhhhh’)；

​ btn.onclick = null;}

【方法监听注册方式的绑定与解绑】：

​ btn.addEventListener(‘click’, fn);

​ function fn() {

​ alert(‘hhhhh’);

​ btn.removeEventListener(‘click’, fn)};