如何使用JavaScript实现事件监听器的设置？

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

设置方法：

1.在HTML标签中通过事件属性进行设置，语法为`on+事件名=处理函数`；

2.使用`element.onclick`进行设置；

3.使用`addEventListener()`方法进行设置。

操作环境：Windows 7

设置方法：1、在HTML的标签中通过事件属性进行设置，语法“on+事件名="处理函数"”；2、使用“element.onclick”进行设置；3、使用addEventListener()方法进行设置。

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

JS实现事件监听的几种方法

一、行内绑定

行内绑定：在HTML的标签中通过事件属性进行绑定，绑定方式：on+事件名，在将所触发的事件赋值给该属性，如下：

<button onclick="alert('123');">点击</button>

二、使用element.onclick进行事件绑定

使用element.onclick进行事件绑定：通过操作DOM元素，为DOM绑定事件（使用形式同行内绑定）。