手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

javascript中如何使用addEventListener方法

时间:2024-10-13 15:49:59

1、创建一个名称为addEventListener 的html文件

javascript中如何使用addEventListener方法

2、在文档中加入3个p标签作为显示区域

javascript中如何使用addEventListener方法

3、在script中加入addEventListener方法,当监听到click的时候会对一个p元素赋值

javascript中如何使用addEventListener方法

4、再添加一个监听click的方法,是调用外部函数show,当监听到click后会对第二个p赋值

javascript中如何使用addEventListener方法

5、创建一个自定义函数show当监听到click时候会触发该函数

javascript中如何使用addEventListener方法

6、在浏览器中打开该文件,当点击文档的任意位置的时候会触发两个click监听时候,分别在p中赋值内容。

javascript中如何使用addEventListener方法
© 手抄报圈