如何使用js的Event Listeners

 时间:2024-10-13 15:10:14

1、新建一个HTML文件,创建一个button标签,等会可以触发动作用。

如何使用js的Event Listeners

2、在标签里面加上:onclick="alert()"点击以后会有弹窗。

如何使用js的Event Listeners
如何使用js的Event Listeners
如何使用js的Event Listeners

3、onclick=""里面也可以写入函数,然后再在js文件里面写入函数的内容。

如何使用js的Event Listeners
如何使用js的Event Listeners

4、this指定当前对象。

如何使用js的Event Listeners
如何使用js的Event Listeners
如何使用js的Event Listeners

5、我们还可以再点击后修改样式。

如何使用js的Event Listeners
如何使用js的Event Listeners
如何使用js的Event Listeners

6、最新的方法是获取元素以后用addE箪滹埘麽ventListener({});这样就不必在HTML属性里面写上函数名字。

如何使用js的Event Listeners
如何使用js的Event Listeners
如何使用js的Event Listeners

7、获取了元素以后,我们可以加入多个事件动作。

如何使用js的Event Listeners
如何使用js的Event Listeners
如何使用js的Event Listeners
如何使用js的Event Listeners
  • 怎么设置C语言程序开机自启动
  • 批量解压多个rar文件,批量解压快速方法
  • Windows10系统 怎样设置将事件写入系统日志?
  • 泰拉瑞亚语言设置教程
  • Win10如何打开任务管理器管理进程?
  • 热门搜索
    科技手抄报内容大全 环保知识手抄报 历史手抄报图片 关于防控疫情的手抄报 世界文化遗产手抄报 大自然的手抄报 小学生元宵节手抄报 抗美援朝手抄报内容 预防新型冠状病毒手抄报内容 感恩老师手抄报内容