如何使用js的Event Listeners

 时间:2026-02-15 14:59:30

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、最新的方法是获取元素以后用addEventListener({});

这样就不必在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如何打开任务管理器管理进程?
  • 热门搜索
    人与自然手抄报 好书伴我行手抄报 中秋节手抄报资料 法制伴我行手抄报 文明礼仪手抄报花边 体育手抄报图片 防震减灾手抄报版面 有关科学的手抄报 关于语言艺术的手抄报 诚实守信手抄报图片