1. 程式人生 > 其它 >事件三要素

事件三要素

技術標籤: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>