事件三元素
阿新 • • 發佈:2021-01-31
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button id="btn" >楊夢偉</button>
<!-- 點選一個按鈕 彈出一個按鈕 -->
<script>
//事件有三部分 事件源 事件型別 事件處理程式 三元素
// 事件源 事件觸發的物件 誰 按鈕
var btn =document.getElementById('btn');
// 事件型別 如何觸發 什麼事件 比如滑鼠 點選 滑鼠經過
// 事件處理程式 通過一個函式賦值的方式 完成
btn.onclick =function(){
alert("點秋香")
}
</script>
</body>
</html>
執行事件步驟