javascript addEventListener() 方法的使用

版权声明:本文为博主博客园原创文章,转载请著名作者和出处。
原文地址:https://www.cnblogs.com/zenglintao/p/12823843.html

首先我们先新建个html文件,打好基本框架

javascript addEventListener() 方法的使用

 

 

 然后我们再新建个button,id为btn

javascript addEventListener() 方法的使用

 

现在点击不会有任何效果

javascript addEventListener() 方法的使用

 

 

创建一个js,函数名为Hello

javascript addEventListener() 方法的使用

 

 

 然后再点击按钮,没有任何提示

javascript addEventListener() 方法的使用

现在添加一个事件监听,当点击id为btn的按钮时,就会调用函数Hello

javascript addEventListener() 方法的使用

 

 

 让我们来看看效果

javascript addEventListener() 方法的使用

以上就是addEventListener的用法,它支持所有的html dom事件