JS addEventListener()方法，添加监听

addEventListener()方法

JavaScript DOM中的addEventListener()方法，可以用于为指定的DOM对象（可以是元素对象，也可以是window、document对象）添加指定的事件处理程序。而且可以为一个元素添加多个事件处理程序，可以是相同的，也可以是不同的，而且不会覆盖已有的时间处理程序。比如，下方的示例，为document对象添加了监听mousemove的事件处理程序，即当鼠标移动时，下方的字会变大为1.5em，且颜色变化为skyblue。

移动鼠标之后，注意该段落字体颜色和大小的变化。如果要重新观察，请刷新页面，然后移动鼠标。

添加监听语法

DOMobject.addEventListener(envent, function,useCapture);

参数

参数	描述
event	事件类型，比如上面的示例中的类型为mousemove，关于事件，可参考左侧（PC端）或下方（移动端）中JS DOM 事件处理中的各类事件类型，注意，不加on
function	自定义的处理事件的函数，以函数名的方式传递，一般不需要加调用符号()
useCapture	布尔类型值，指定使用事件冒泡还是事件捕获

addEventListener()方法实例代码，及在线编辑器

下方实例，将为一个段落添加click事件的处理程序：

<p id='p2'>点击该段落</p>

<script>
  var p = document.getElementById('p2');
  p.addEventListener('click',function(){p.style.fontSize = '1.5em'})
</script>

hot：热门