關於DOM的事件操作

2022-08-05 11:42:10 字數 844 閱讀 8807

三部分:

js是以事件驅動為核心的一門語言

事件源,事件,事件驅動程式

比如,我用手去按開關,燈亮了。這件事情裡,事件源是:手。事件是:按開關。事件驅動程式是:燈的開和關。

再比如,網頁上彈出一個廣告,我點選右上角的x,廣告就關閉了。這件事情裡,事件源是:x。事件是:onclick。事件驅動程式是:廣告關閉了

於是我們可以總結出:誰引發的後續事件,誰就是事件源

總結如下:

1. 獲取事件源

document.getelementbyid(“box”);

2. 繫結事件

box.onclick = function

();//

事件源.事件

3. 書寫事件驅動程式:關於dom的操作(業務邏輯)

具體**例項:

方式二:先單獨定義函式,再繫結

方式三:行內繫結

注意事項:

當頁面載入(文字和)完畢的時候,觸發onload事件。

DOM事件

1 描述dom事件捕獲的具體流程 window document html body 。。。 目標元素 2 event物件的常見應用 eve...

DOM事件

什麼是dom事件中event物件呢?事件物件 event object 指的是與特定事件相關且包含該事件詳細資訊的物件。我們可以通過傳遞給事件處理程式的引數獲取事件觸發後所產生的一系列方法和屬性。 event物件 event物件其實是一個事件處理程式的引數,當呼叫事件時,我們只需要將其傳入事件函式就...

DOM事件物件

觸發dom上的事件時會產生一個事件物件event。 event物件會傳入到事件處理程式中。 一 dom 中的event物件的主要屬性和方法 1 屬性 type 被觸發事件的型別 currenttarget其事件處理程式當前正在處理事件的那個元素 target事件的目標 this currenttar...