JavaScript在前端開發中被廣泛使用，那你知道如何設定JS按鈕的點擊事件嗎？這篇文章就跟大家聊聊JS中點擊事件onclick的處理方法，具有一定的參考價值，有興趣的朋友可以看看。
一、用btn.click()方法
btn.click()方法是透過程式來點擊按鈕，從而觸發了按鈕的onclick（）事件，程式碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button onclick="myFunction()">点我</button>
</body>
<script type="text/javascript">
function myFunction(){
alert("have a nice day ")
}
</script>
</html>效果圖：
二、用addEvenListener()方法
##addEventListener()方法可以在指定的元素中加入事件，程式碼如下：<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button id="btn">点击</button>
</body>
<script type="text/javascript">
var btn = document.getElementById("btn");
btn.addEventListener('click',function(){
alert("技术是我一生的追求");
},false)
</script>
</html>
#三、用btn.onclick=function( )方法
btn.onclick()方法只是簡單地呼叫了btn按鈕的onclick所指向的方法，它並沒有觸發事件。程式碼如下：<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button id="btn">click</button>
</body>
<script type="text/javascript">
var btn = document.getElementById("btn");
btn.onclick=function(){
alert("欢迎大家来PHP中文网学习");
}
</script>
</html>
以上是深入理解JavaScript中按鈕點擊事件的處理方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
