解锁神奇事件处理技巧，一招击退烦人问题

哈喽！今天咱们聊点儿有趣的事儿，就是怎么快速解决那些烦人的问题——事件处理指令。你看，这些玩意儿像addeventlistener、attachevent、bind、unchind和trigger之类的，还有那个特别神奇的hover，都是用来处理DOM事件哒。这可是我们平时常常用到的！

咦，看看这个神奇的addEventListner让每个东西都接收你想关注的事儿，还能自己决定什么时候启动你的处理程序。真是超实用的说！

哈喽，跟我来聊聊attachevent这个东西！你知道吗？它可是咱们之前那个老版本IE浏览器独有的神器，别处都找不到它的踪影！虽然看上去有点像addEventListener，但其实还是有些小差别的记住！

咋说？找问题的人就直接告诉他事儿和要求呗！这招，简单又高效，霸气十足！

element.addEventListener('click', function() {  
  console.log('点击事件被捕获');  
}, false); // 第三个参数为false表示在冒泡阶段触发事件

难道你们就只会用jQuery那几个常规的事件绑定法吗？别说我没提醒你，其实它还有个特牛掰的bind函数！偷偷告诉你们一下，这个bind绑定的事件能在冒泡阶段自动搞定，可真是太好用！

element.attachEvent('onclick', function() {  
  console.log('点击事件被捕获');  
});

好嘞，别忘了忘记用’unbind’解除绑定这样就能甩开烦人的事件处理程序。下次想要清静点的话，不妨试试这个小技巧！效果绝对赞

说到trigger这个神奇小工具，它能帮咱们设好做事儿的定时器。只要往里填点儿事儿就成了呗，这功能多牛逼！

element.on('click', function() {  
  console.log('点击事件被捕获');  
});

选哪个命令啊? 看你想要实现什么。每条命令功能不同，根据实际情况挑选呀! 别着急，别心急抄近路，先琢磨清楚了再说！今天我们来聊聊那些利于执行操作的命令，比如addeventListener、attachevent、bind、unbind、trigger等等。遇到HTML动态问题，这些命令信手拈来就能解决。总之，你得找个适合自己需求的才行！如果你还有什么疑问或看法，就在评论区告诉我，咱们共同进步！别忘了分享给你的小伙伴们哟~

$(element).bind('click', function() {  
  console.log('点击事件被捕获');  
});