HTML 事件屬性

来源:https://www.cnblogs.com/zmlljx/archive/2020/01/19/12215070.html
-Advertisement-
Play Games

全局事件屬性 HTML 4 的新特性之一是可以使 HTML 事件觸發瀏覽器中的行為,比方說當用戶點擊某個 HTML 元素時啟動一段 JavaScript。 如果你想學習更多關於事件屬性,請訪問 JavaScript 教程 下麵的表格提供了標準的事件屬性,可以把它們插入 HTML/XHTML 元素中, ...


全局事件屬性

HTML 4 的新特性之一是可以使 HTML 事件觸發瀏覽器中的行為,比方說當用戶點擊某個 HTML 元素時啟動一段 JavaScript。

如果你想學習更多關於事件屬性,請訪問 JavaScript 教程

下麵的表格提供了標準的事件屬性,可以把它們插入 HTML/XHTML 元素中,以定義事件行為。

New : HTML5新增屬性事件。


視窗事件屬性(Window Event Attributes)

由視窗觸發該事件 (適用於 <body> 標簽):

onafterprintNew 在列印文檔之後運行腳本
onbeforeprintNew 在文檔列印之前運行腳本
onbeforeonloadNew 在文檔載入之前運行腳本
onblur 當視窗失去焦點時運行腳本
onerrorNew 當錯誤發生時運行腳本
onfocus 當視窗獲得焦點時運行腳本
onhaschangeNew 當文檔改變時運行腳本
onload 當文檔載入時運行腳本
onmessageNew 當觸發消息時運行腳本
onofflineNew 當文檔離線時運行腳本
ononlineNew 當文檔上線時運行腳本
onpagehideNew 當視窗隱藏時運行腳本
onpageshowNew 當視窗可見時運行腳本
onpopstateNew 當視窗歷史記錄改變時運行腳本
onredoNew 當文檔執行再執行操作(redo)時運行腳本
onresizeNew 當調整視窗大小時運行腳本
onstorageNew 當 Web Storage 區域更新時(存儲空間中的數據發生變化時)運行腳本
onundoNew 當文檔執行撤銷時運行腳本
onunloadNew 當用戶離開文檔時運行腳本
   

表單事件(Form Events)

表單事件在HTML表單中觸發 (適用於所有 HTML 元素, 但該HTML元素需在form表單內):

onblur 當元素失去焦點時運行腳本
onchange 當元素改變時運行腳本
oncontextmenuNew 當觸發上下文菜單時運行腳本
onfocus 當元素獲得焦點時運行腳本
onformchange 當表單改變時運行腳本
onforminputNew 當表單獲得用戶輸入時運行腳本
oninputNew 當元素獲得用戶輸入時運行腳本
oninvalidNew 當元素無效時運行腳本
onreset 當表單重置時運行腳本。HTML 5 不支持。
onselect 當選取元素時運行腳本
onsubmit 當提交表單時運行腳本

鍵盤事件(Keyboard Events)

onkeydown 當按下按鍵時運行腳本
onkeypress 當按下並鬆開按鍵時運行腳本
onkeyup 當鬆開按鍵時運行腳本

滑鼠事件(Mouse Events)

通過滑鼠觸發事件, 類似用戶的行為:

onclick 當單擊滑鼠時運行腳本
ondblclick 當雙擊滑鼠時運行腳本
ondragNew 當拖動元素時運行腳本
ondragendNew 當拖動操作結束時運行腳本
ondragenterNew 當元素被拖動至有效的拖放目標時運行腳本
ondragleaveNew 當元素離開有效拖放目標時運行腳本
ondragoverNew 當元素被拖動至有效拖放目標上方時運行腳本
ondragstartNew 當拖動操作開始時運行腳本
ondropNew 當被拖動元素正在被拖放時運行腳本
onmousedown 當按下滑鼠按鈕時運行腳本
onmousemove 當滑鼠指針移動時運行腳本
onmouseout 當滑鼠指針移出元素時運行腳本
onmouseover 當滑鼠指針移至元素之上時運行腳本
onmouseup 當鬆開滑鼠按鈕時運行腳本
onmousewheelNew 當轉動滑鼠滾輪時運行腳本
onscrollNew 當滾動元素的滾動條時運行腳本

多媒體事件(Media Events)

通過視頻(videos),圖像(images)或者音頻(audio) 觸發該事件,多應用於HTML媒體元素比如 <audio>, <embed>, <img>, <object>, 和<video>):


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 效果圖 註:值是根據原生select中的值來動態獲取併進行分類 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <link rel="stylesheet" ...
  • 這個環境比較簡單 搭建 TypeScript 開發環境 什麼是 compiler? less 編譯器: EcmaScript 6 編譯器: TypeScript 編譯器: 一句話:把 TypeScript 轉換為 JavaScript ,瀏覽器就具有運行了 線上測試編譯環境 compiler "線上 ...
  • babel:將瀏覽器不支持的ES6語法轉為javascript 查看node是否安裝: npm -v node -v 實例演示:在桌面新建part5目錄在cmd命令行中 cd desktop cd part5 安裝babel:初始化package.json文件:描述當前項目信息,包括依賴等 npm ...
  • Angular 是什麼 Angular(讀音['æŋgjʊlə])是一套用於構建用戶界面的 JavaScript 框架。由 Google 開發和維護,主要被用來開發單頁面應用程式。 類似於 "Vue.js" + MVVM(數據驅動視圖思想) + 組件化 + 模塊化 + 指令 + ...... 由 G ...
  • 目前,無論你使用什麼前端框架,都必然要使用到各種 NodeJS 工具,Angular 也不例外。與其它框架不同,Angular 從一開始就走的“全家桶”式的設計思路,因此 @angular/cli 這款工具裡面集成了日常開發需要使用的所有 Node 模塊,使用 @angular/cli 可以大幅度降 ...
  • ng啟動過程 目錄結構 介紹 文件 main.js 描述:模塊化啟動入口 職責:載入啟動根模塊 AppModule 描述:項目根模塊 職責:把組件、服務、路由、指令等組織到一起,設置啟動組件為根組件 AppComponent 描述:項目根組件 職責:替換掉 文件中的 `` 節點 ...
  • ...
  • Html5學習系列 HTML5 規定了一種通過 video 元素來包含視頻的標準方法 Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件 MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件 WebM = 帶有 VP8 視頻編碼和 Vo ...
一周排行
    -Advertisement-
    Play Games
  • GoF之工廠模式 @目錄GoF之工廠模式每博一文案1. 簡單說明“23種設計模式”1.2 介紹工廠模式的三種形態1.3 簡單工廠模式(靜態工廠模式)1.3.1 簡單工廠模式的優缺點:1.4 工廠方法模式1.4.1 工廠方法模式的優缺點:1.5 抽象工廠模式1.6 抽象工廠模式的優缺點:2. 總結:3 ...
  • 新改進提供的Taurus Rpc 功能,可以簡化微服務間的調用,同時可以不用再手動輸出模塊名稱,或調用路徑,包括負載均衡,這一切,由框架實現並提供了。新的Taurus Rpc 功能,將使得服務間的調用,更加輕鬆、簡約、高效。 ...
  • 本章將和大家分享ES的數據同步方案和ES集群相關知識。廢話不多說,下麵我們直接進入主題。 一、ES數據同步 1、數據同步問題 Elasticsearch中的酒店數據來自於mysql資料庫,因此mysql數據發生改變時,Elasticsearch也必須跟著改變,這個就是Elasticsearch與my ...
  • 引言 在我們之前的文章中介紹過使用Bogus生成模擬測試數據,今天來講解一下功能更加強大自動生成測試數據的工具的庫"AutoFixture"。 什麼是AutoFixture? AutoFixture 是一個針對 .NET 的開源庫,旨在最大程度地減少單元測試中的“安排(Arrange)”階段,以提高 ...
  • 經過前面幾個部分學習,相信學過的同學已經能夠掌握 .NET Emit 這種中間語言,並能使得它來編寫一些應用,以提高程式的性能。隨著 IL 指令篇的結束,本系列也已經接近尾聲,在這接近結束的最後,會提供幾個可供直接使用的示例,以供大伙分析或使用在項目中。 ...
  • 當從不同來源導入Excel數據時,可能存在重覆的記錄。為了確保數據的準確性,通常需要刪除這些重覆的行。手動查找並刪除可能會非常耗費時間,而通過編程腳本則可以實現在短時間內處理大量數據。本文將提供一個使用C# 快速查找並刪除Excel重覆項的免費解決方案。 以下是實現步驟: 1. 首先安裝免費.NET ...
  • C++ 異常處理 C++ 異常處理機制允許程式在運行時處理錯誤或意外情況。它提供了捕獲和處理錯誤的一種結構化方式,使程式更加健壯和可靠。 異常處理的基本概念: 異常: 程式在運行時發生的錯誤或意外情況。 拋出異常: 使用 throw 關鍵字將異常傳遞給調用堆棧。 捕獲異常: 使用 try-catch ...
  • 優秀且經驗豐富的Java開發人員的特征之一是對API的廣泛瞭解,包括JDK和第三方庫。 我花了很多時間來學習API,尤其是在閱讀了Effective Java 3rd Edition之後 ,Joshua Bloch建議在Java 3rd Edition中使用現有的API進行開發,而不是為常見的東西編 ...
  • 框架 · 使用laravel框架,原因:tp的框架路由和orm沒有laravel好用 · 使用強制路由,方便介面多時,分多版本,分文件夾等操作 介面 · 介面開發註意欄位類型,欄位是int,查詢成功失敗都要返回int(對接java等強類型語言方便) · 查詢介面用GET、其他用POST 代碼 · 所 ...
  • 正文 下午找企業的人去鎮上做貸後。 車上聽同事跟那個司機對罵,火星子都快出來了。司機跟那同事更熟一些,連我在內一共就三個人,同事那一手指桑罵槐給我都聽愣了。司機也是老社會人了,馬上聽出來了,為那個無辜的企業經辦人辯護,實際上是為自己辯護。 “這個事情你不能怪企業。”“但他們總不能讓銀行的人全權負責, ...