如何给HTML元素添加事件
最新推荐文章于 2025-06-29 16:21:31 发布
原创
最新推荐文章于 2025-06-29 16:21:31 发布
·
317 阅读
·
0
·
0
·
CC 4.0 BY-SA版权
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
文章标签:
#javascript
本文介绍了三种在HTML中为按钮绑定点击事件的方法:直接在HTML元素上使用onclick属性、通过JavaScript获取元素并设置onclick事件处理器、使用addEventListener方法。这三种方法各有优缺点,适用于不同的场景。
第一种方法
function test(){
console.log("你按我干嘛!");
}
第二种
document.getElementById("botten").onclick=function(){
console.log("你按我干嘛!");
}
第三种
document.getElementById("botten").addEventListener("click",function(){
console.log("你按我干嘛!");
});