Javascript中点击（click）事件的3种写法
Posted F
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Javascript中点击（click）事件的3种写法相关的知识，希望对你有一定的参考价值。
方法一
<!DOCTYPE html> <html> <head> <title>javascript中点击事件方法一</title> </head> <body> <button id="btn">click</button> <script type="text/javascript"> var btn = document.getElementById("btn"); btn.onclick=function(){ alert("hello world"); } </script> </body> </html>
方法二
<!DOCTYPE html>
<html>
<head>
<title>Javascript中点击事件方法二</title>
</head>
<body>
<button id="btn">click</button>
<script type="text/javascript">
var btn = document.getElementById("btn");
btn.addEventListener(‘click‘,function(){
alert("hello wrold");
},false)
</script>
</body>
</html>
方法三
<!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>
以上是关于Javascript中点击（click）事件的3种写法的主要内容，如果未能解决你的问题，请参考以下文章
Selenium WebElement.click() 与 Javascript 点击事件
网页中，鼠标点击与javascript的click事件怎么区分