C# Linq Join 多表查詢
阿新 • • 發佈:2020-09-20
1.1. 事件概述
JavaScript 使我們有能力建立動態頁面,而事件是可以被 JavaScript 偵測到的行為。
簡單理解: 觸發--- 響應機制。
網頁中的每個元素都可以產生某些可以觸發 JavaScript 的事件,例如,我們可以在使用者點選某按鈕時產生一個 事件,然後去執行某些操作。
1.2. 事件三要素
-
事件源(誰):觸發事件的元素
-
事件型別(什麼事件): 例如 click 點選事件
-
事件處理程式(做啥):事件觸發後要執行的程式碼(函式形式),事件處理函式
案例程式碼
<body> <button id="btn">唐伯虎</button> <script> //點選一個按鈕,彈出對話方塊 // 1. 事件是有三部分組成 事件源 事件型別 事件處理程式 我們也稱為事件三要素 //(1) 事件源 事件被觸發的物件 誰 按鈕 var btn = document.getElementById('btn'); //(2) 事件型別 如何觸發 什麼事件 比如滑鼠點選(onclick) 還是滑鼠經過 還是鍵盤按下 //(3) 事件處理程式 通過一個函式賦值的方式 完成 btn.onclick = function() { alert('點秋香'); }</script> </body>
1.3. 執行事件的步驟
案例程式碼
<body> <div>123</div> <script> // 執行事件步驟 // 點選div 控制檯輸出 我被選中了 // 1. 獲取事件源 var div = document.querySelector('div'); // 2.繫結事件 註冊事件 // div.onclick // 3.新增事件處理程式 div.onclick = function() { console.log('我被選中了'); } </script> </body>
1.4. 常見的滑鼠事件