首页
编程随笔
Java笔记
Html/Css/Js
Android
后端笔记
服务器搭建
BUG收集
Java异常
Android异常
在线工具
Json格式化
编码/解码
Epub在线编辑
登录
发布文章
个人文章
退出登录
首页
技术教程
BUG收集
在线工具
资源下载
登录
发布文章
退出登录
搜索
当前位置：
首页
-
博客
- 正文
关闭
Javascript使用原生代码实现点击（click）事件的3种写法
更新时间：2021-09-27 07:38:18
阅读数：2135
发布者：落幕
点击事件在编写网页中是经常需要被使用到的，本文今天将展示使用原生js如何编写点击事件代码 ###方法一 ```javascrip <!DOCTYPE html> <html> <head> <title>Javascript中点击事件方法一</title> </head> <body> <button id="btn">click</button> <script type="text/javascript"> document.getElementById("btn").onclick = function() { alert("hello world"); } </script> </body> </html> ``` ###方法二 ```javascrip <!DOCTYPE html> <html> <head> <title>Javascript中点击事件方法二</title> </head> <body> <button id="btn">click</button> <script type="text/javascript"> document.getElementById("btn").addEventListener('click', function() { alert("hello wrold"); }, false) </script> </body> </html> ``` ###方法三 ```javascrip <!DOCTYPE html> <html> <head> <title>Javascript中点击事件方法三</title> <script type="text/javascript"> function test() { alert("hello world"); } </script> </head> <body> <button id="btn" onclick="test()">click</button> </body> </html> ```
