Javascript高級編程學習筆記(60)—— 事件(4)事件類型
事件類型
Web瀏覽器中可能發生的事件有許多種類型
不同類型的事件都有著自己獨特的信息
在“DOM3級事件”規範中,規定了以下幾類事件:
- UI事件 當用戶與頁面元素交互時觸發
- 焦點事件 當元素失去或獲得焦點時觸發
- 鼠標事件 當用戶通過鼠標在頁面上執行操作時觸發
- 滾輪事件 當使用鼠標滾輪或類似設備時觸發
- 文本事件 當在文檔中輸入文本時觸發
- 鍵盤事件 當用戶通過鍵盤在頁面執行操作時觸發
- 合成事件 當為IME(輸入法編輯器)輸入字符時觸發
- 變動事件 當底層DOM結構發生變化時觸發
除了這幾類事件之外,HTML5也定義了一組事件,有的瀏覽器還會再BOM和DOM中實現其它專有事件
這些專有事件一般都是根據開發人員的需求定制的,沒有規範,因此不同瀏覽器的實現也不相同
DOM3級事件模塊在DOM2級事件模塊的基礎上重新定義了事件,也添加了新事件。
目前新版的主流瀏覽器應該都支持DOM2級事件,IE9及以上就開始支持DOM3級事件了
Javascript高級編程學習筆記(60)—— 事件(4)事件類型
相關推薦
Javascript高級編程學習筆記(6)—— 流程控制語句
新的 初始化 大量 導致 原因 能力 操作符 循環 對象屬性 話不多說,我們直接開始進入今天的主題 流程控制語句 首先什麽是流程控制語句呢? 顧名思義,就是控制流程的語句。 在JS中語句定義了ECMAScript中的主要語法,讓我們可以使用一系列的關鍵字來完成指定任務。 語
Javascript高級編程學習筆記(12)—— 引用類型(1)Object類型
一點 下使用 rip 中括號 clas bsp 情況 https 可選參數 前面的文章中我們知道JS中的值分為兩種類型 基礎類型的值和引用類型的值 基礎類型的值我已經大概介紹了一下,今天開始後面幾天我會為大家介紹一下引用類型的值 Object類型 對象是引用類型的值的實
Javascript高級編程學習筆記(29)—— BOM(3)location對象
前端 doc 位置 pro 前端路由 localhost 返回 protocol 從服務器 在JS中location是一個神奇的對象 它既是window對象的屬性,也是document對象的屬性 它的作用主要在於保存當前文檔頁面的信息,以及將 url 解析為獨立的片段
Javascript高級編程學習筆記(36)—— DOM(2)Document
ctype named views 瀏覽器 鼠標 小寫 形式 pen syn Documet類型 了解了基礎的Node類型過後,我們來聊聊Node中的Document類型 我們知道所有的節點都繼承自Node類型 所以除了Node類型公有的方法和類型之外,Document類型
Javascript高級編程學習筆記(41)—— DOM(7)DocumentFragment類型
然而 多少 pan 分享圖片 重繪 http 節點 () rip DocumentFragment類型 除開昨天我們了解的兩種不常用的類型之外 今天我們要介紹的兩種類型可以說使用頻率不輸於前面最常用的幾種元素類型 首先就是DocumentFragment類型 有些小夥伴
Javascript高級編程學習筆記(47)—— 元素遍歷
del clas 原來 != 出了 next javascrip 學習筆記 pan 元素遍歷 為了方便我們使用JS來遍歷文檔中的元素,W3C在原來的基礎之上提出了 Element Traversal 規範 這一規範主要就是為了統一瀏覽器對文檔中節點解析不一致的問題。 比如在
Javascript高級編程學習筆記(53)—— DOM2和DOM3(5)遍歷
cas 註意 父節點 ESS 構建 執行 方法 顯示 簡單 遍歷 “DOM2級遍歷和範圍” 定義了兩個用於輔助完成順序遍歷的DOM結構類型 NodeIterator 和 TreeWalk 上述兩種類型可以基於給定起點的DOM結構執行深度優先的遍歷操作 對於檢測瀏覽器對於該功
Javascript高級編程學習筆記(54)—— DOM2和DOM3(6)範圍選擇
star pan 簡單選擇 create 兼容 rto === java tno 範圍 為了讓開發人員更加方便地控制頁面“DOM2級遍歷和範圍”模塊定義了“範圍”接口 通過該接口開發人員可以選擇文檔中的一個區域,而不必考慮元素的界限 在常規操作不能有效地修改文檔時,使用範圍
Javascript高級編程學習筆記(55)—— DOM2和DOM3(7)操作範圍
extra 復制 運行 pen 創建 結構 element 全部 插入內容 操作範圍中的內容 在創建範圍時,內部會為這個範圍創建一個文檔片段 範圍所屬的全部節點都會被添加到這個片段中 雖然選取範圍可以不是完整的、良好的DOM結構 但是在這個為範圍創建的文檔片段中,會自己完缺
Javascript高級編程學習筆記(56)—— DOM2和DOM3(8)低版本IE範圍
ext logs 中文 tel end 標簽 idt 動態 www 雖然IE9支持了DOM範圍,但是IE8及更早版本並不支持DOM範圍 所以IE8以下的更早版本的IE提出了與之類似的概念以供大家使用 也就是 文本範圍 var range = document.body.
Javascript高級編程學習筆記(57)—— 事件(1)事件流
向上 發生 什麽 div window document 描述 實現 窗口 事件 JS與HTML的交互是通過事件實現的 而事件指的就是:文檔或瀏覽器窗口特定的交互瞬間 可以通過偵聽器來預定事件,以便在事件發生時執行相應的代碼 這種模式也是設計模式中的觀察者模式 事件
Javascript高級編程學習筆記(58)—— 事件(2)事件處理程序
三個參數 ner load 對象 高級 方法 條件 只需要 結果 事件處理程序 事件處理程序即響應某個事件的函數 事件處理程序以 “on” 開頭 如“onclick”,“onload” HTML事件處理程序 某個元素支持的每種事件都可以使用一個與響應的事件處理程序同名的
Javascript高級編程學習筆記(59)—— 事件(3)事件對象
val 訪問 dom0 clas ppr 阻止默認行為 javascrip 特性 關聯 事件對象 在觸發DOM‘事件時,會產生一個事件對象 event 該對象包含著所有與事件有關的信息 所有瀏覽器都支持 event 對象但是支持的方式有所不同 DOM事件對象 兼容DOM
Javascript高級編程學習筆記(60)—— 事件(4)事件類型
發生 重新 失去 事件 高級編程 輸入法 dom 輸入 觸發 事件類型 Web瀏覽器中可能發生的事件有許多種類型 不同類型的事件都有著自己獨特的信息 在“DOM3級事件”規範中,規定了以下幾類事件: UI事件 當用戶與頁面元素交互時觸發 焦點事件 當元素失去或
Javascript高級編程學習筆記(61)—— 事件(5)UI事件
提示 響應 滾動 tle 區別 用戶 mod 實現 asf UI事件 UI事件是指那些不一定與用戶操作有關的事件 這些事件在DOM規範出現之前,都是以各種不同的形式存在於不同的瀏覽器 而在DOM事件中為了保證向後兼容,現有的UI事件如下: DOMActivate:表示
Javascript高級編程學習筆記(71)—— 模擬事件(1)DOM事件模擬
需要 some 按鍵 之前 color dom元素 方法 event 元素 事件,指的是網頁中某個特定的交互時刻 一般來說事件由瀏覽器廠商負責提供,一般由用戶操作或者其它瀏覽器功能來觸發 但是有一類特殊的事件,那就是由我們開發人員通過JS觸發的事件 這些事件和瀏
Javascript高級編程學習筆記(81)—— 富文本(1)
進行 win 其它 func 屬性設置 富文本編輯 idt 所見 文本框 富文本編輯 富文本編輯又稱為: WYSIWYG(What You See Is What You Get,所見即所得) 常用於博客等用途,雖然沒有規範,但是在IE最先引入後其他的瀏覽器廠商也相繼完
Javascript高級編程學習筆記(87)—— Canvas(4)繪制路徑
drawing pre scrip 都是 als color 一點 控制 clas 繪制路徑 2D上下文支持許多在畫布上繪制路徑的方法 通過路徑可以創造出復雜的形狀和線條,要繪制路徑首先必須調用beginPath()方法,表示開始繪制路徑 然後再通過下列的方法繪制路徑
Javascript高級編程學習筆記(94)—— Canvas(11) 合成
asc tex 字符 contex copy posit 存在 mage con 合成 除了之前介紹的屬性之外,還有兩個屬性會應用到整個2d上下文中; globalAlpha 用於指定所有繪制的透明度 globalComposition 用於表示後繪制的圖形怎樣與
Asp.net MVC4高級編程學習筆記-視圖學習第一課20171009
強類型 編寫 ret namespace i++ 智能 權限 eba 轉換成 首先解釋下:本文只是對Asp.net MVC4高級編程這本書學習記錄的學習筆記,書本內容感覺挺簡單的,但學習容易忘記,因此在邊看的同時邊作下了筆記,可能其它朋友看的話沒有情境和邏輯順序還請諒解