如何使用JavaScript实现事件绑定？

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

方法：1. 使用HTML标签的事件属性onclick绑定处理程序，语法：`onclick=事件处理程序`；2. 使用事件源的事件属性绑定处理程序，语法：`obj.on事件名=处理函数`；3. 使用addEventListener()绑定事件。

方法：1、使用HTML标签的事件属性onclick绑定处理程序，语法“onclick="事件处理程序"”；2、使用事件源的事件属性绑定处理程序，语法“obj.on事件名=处理函数”；3、使用addEventListener()绑定处理程序。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

为了使浏览器在事件发生时能自动调用相应的事件处理程序处理事件，需要对事件源绑定事件处理程序（绑定事件处理程序也叫注册事件处理程序）。

绑定事件处理程序有以下 3 种方式：

• 使用 HTML 标签的事件属性onclick绑定事件处理程序。该方式通过设置标签的事件属性值为事件处理程序。这种方法现在不推荐使用。

• 使用事件源的事件属性绑定事件处理函数。该方式通过设置事件源对象的事件属性值为事件处理函数。