js事件基本概念

2021-08-21 11:31:18 字數 998 閱讀 5470

1.事件模型:

2.事件流

概念:事件流指的是事件從捕獲、處於目標、事件冒泡三個階段

3.dom的三個階段?

dom0:事件的新增用onclick新增。

dom2:  事件的新增用addevenlistener(type. function , buhuo);並且可以新增多個事件,this===當前的物件。ie瀏覽器是通過attachevent方式新增事件的,當使用它建立多個事件的時候,它會從後向前觸發事件。並且他的事件處理會在全域性作用域執行,this===window。

dom3:新增鍵盤事件。

4.event物件

event物件中包含著所有事件相關的屬性,如bubbles、stoppropagation(),target依次分別表示,是否冒泡、取消冒泡、時間的目標等。ie瀏覽器是通過event.srcelement來獲取當前物件。其他都是event.target

5.事件委託

事件委託就是利用事件冒泡,只指定乙個事件,就可以處理某一型別的所有事件。

優點:減少了對dom的引用,降低了dom操作的花費事件。

整個頁面占用的記憶體空間更少,能夠提公升整體效能。

3.1 這裡的ie是ie11以下; 3.2 引數的差別: attachevent()的第乙個引數比addeventlistener()的事件名多乙個"on", 且沒有第三個引數,因為ie事件模型只支援冒泡事件流; 3.3 事件處理函式作用域的區別: ie中事件處理程式處於全域性作用域,其內的this會指向window; 而用dom(0或2)級事件的事件處理程式的作用域是元素作用域,其內的this指向其所屬的元素 例: document.addeventlistener("click", function() }, false); 3.4 事件物件event的屬性方法的差別 ie dom cancelbubble = true stoppropagation() //停止冒泡 returnvalue = false preventdefault() //阻止元素預設事件 srceelement target //事件目標

JS基本概念

1.一切 變數 函式名 操作符 都區分大小寫 2.識別符號 第乙個字元必須為字母 下劃線或者美元符號,其他字元可以是字母 下劃線 美元符號或者數字 3.資料型別 1 undefined 用var宣告的變數未初始化時的值 2 null 乙個空物件指標 3 boolean 只有兩個字面值 true fa...

Qt事件系統基本概念

自 1.qt事件系統 qt應用程式的訊息處理是基於事件驅動的,程式的每個動作都是由某個事件所觸發的,例如 滑鼠動作觸發qmouseevent,鍵盤操作觸發qkeyevent等,所有這些事件都派生於qevent,具體事件的路由是通過qobject event 來實現的。事件一般被劃分為兩類 1 系統事...

基本概念 C 基本概念

由於工作中需要用到c 編寫的一些工具,有時候需要根據需求修改或者定製工具,所以現在不得不學習一下c 的基礎語法,此為筆記,不成章法!機器語言 組合語言 高階語言 面向過程的程式設計方法 物件導向的程式設計方法 泛型程式設計方法 1 演算法設計 2 源程式編輯 3 編譯 4 連線 5 執行除錯 輸入裝...