事件三要素
阿新 • • 發佈:2021-01-17
技術標籤:JavaScript-DOMjsjavascript
<!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>
//點選一個按鈕,彈出對話方塊
//1. 事件是有三部分組成 事件源 事件型別 事件處理程式 我們也稱為事件三要素
//(1) 事件原 事件被觸發的物件 誰 按鈕
var btn = document.getElementById('btn');
//(2) 事件型別 如何觸發 什麼事件 比如滑鼠點選(onclick) 還是滑鼠經過 還是鍵盤按下
//(3) 事件處理程式 通過一個函式賦值的方式 完成
btn.onclick = function() {
alert('點秋香');
}
</script>
</body>
</html>