如何实现元素与特定事件的绑定？

本文共计402个文字，预计阅读时间需要2分钟。

在HTML中绑定：绑定：当事件发生时：自动执行JS语句问题：内容与行为分离的原则不利于维护和组件开发反+在HTML中绑定：绑定：当事件发生时：自动执行JS语句问题：内容与行为不分离

在HTML中绑定:绑定:当事件发生时:自动执行js语句问题:不符合内容与行为分离的原则不便于维护和重用在组件开发中反

• 在HTML中绑定: 绑定: 当事件发生时: 自动执行js语句 问题: 不符合内容与行为分离的原则不便于维护和重用 在组件开发中反而要求内容行为和样式集中定义在一个小组件内自成体系。

  

• 在js中绑定, 每个事件只能绑定一个处理函数: 绑定

xxx.on事件名function(){ ... }

当事件发生时: xxx.on事件名() //this->xxx 用赋值方式绑定事件处理函数

• 事件监听每个事件可绑定多个处理函数:

xxx.addEventListener(事件名,handler)

在浏览器中为xxx元素的指定事件添加一个事件监听对象。将事件监听对象加入到浏览器的监听队列中。