這篇文章將為大家詳細講解有關JavaScript事件有什么用，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
1、頁面加載時觸發事件。
2、當頁面關閉時觸發事件。
3、用戶點擊按鈕執行動作。
4、驗證用戶輸入內容的合法性。
5、HTML事件發生在HTML上。
當JavaScript用于HTML頁面時，JavaScript可以觸發這些事件。
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>事件冒泡</title>
<style type="text/css">
#box1{
width: 300px;
height: 300px;
background-color: red;
}
#box2{
width: 200px;
height: 200px;
background-color: green;
}
#box3{
width: 100px;
height: 100px;
background-color: blue;
}
</style>
</head>
<body>
<div id="box1">
<div id="box2">
<div id="box3"></div>
</div>
</div>
<!-- 插入JS代碼 -->
<script type="text/javascript">
//獲取所有的box
var box1=document.getElementById('box1');
var box2=document.getElementById('box2');
var box3=document.getElementById('box3');
//給三個box注冊點擊事件 建議使用數組
var boxs=[box1,box2,box3];
for(var i=0;i<boxs.length;i++){
boxs[i].addEventListener('click',outPut,true);
}
//點擊事件函數
function outPut(){
console.log(this.id);
}
</script>
</body>
</html>關于“JavaScript事件有什么用”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
