养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

怎么将点击事件写的html中

时间:2024-10-03 14:30:30

在做前端页面开发时,我们经常会把dom元素的事件统一在js里附加,这样方便管理,维绻栌泌氘护。但当你没有使用js脚本库时,为了简洁,我们是可以直接在html里添加点击事件的,下面来看一下是怎么处理的。

方法/步骤

1、我们先在html里创建一个按钮。

怎么将点击事件写的html中

2、很多时候,我们是通过jquery在js文件里为按钮添加事件的。

怎么将点击事件写的html中

3、添加事件后,运行页面,点击页面上的按钮,可以正常触发事件的。

怎么将点击事件写的html中

怎么将点击事件写的html中

4、但如果你要在html里直接加上事件,也是很简单的,在按钮里加上onclick事竭惮蚕斗件就行了,后面跟着的就是点击后要触发的事件函数。

怎么将点击事件写的html中

5、我们在脚本里添加事件函数对应的方法和逻辑。

怎么将点击事件写的html中

6、运行页面,再次点击事件,可以看到也有响应了。

怎么将点击事件写的html中

7、但如果你同时加上了onclick事件,和jquery的附加事件,后者的事件逻辑会覆盖前者的。因此需要删除其中一个。

怎么将点击事件写的html中

© 一点知识