溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“javascript中的事件分類”，在日常操作中，相信很多人在javascript中的事件分類問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”javascript中的事件分類”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
窗口事件屬性（Window Event Attributes）
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
由窗口觸發該事件 (適用于 <body> 標簽):
onafterprint，在打印文檔之后運行腳本
onbeforeprint，在文檔打印之前運行腳本
onbeforeonload，在文檔加載之前運行腳本
onblur，當窗口失去焦點時運行腳本
onerror，當錯誤發生時運行腳本
onfocus，當窗口獲得焦點時運行腳本
onhaschange，當文檔改變時運行腳本
onload，當文檔加載時運行腳本
onmessage，當觸發消息時運行腳本
onoffline，當文檔離線時運行腳本
ononline，當文檔上線時運行腳本
onpagehide，當窗口隱藏時運行腳本
onpageshow，當窗口可見時運行腳本
onpopstate，當窗口歷史記錄改變時運行腳本
onredo，當文檔執行再執行操作（redo）時運行腳本
onresize，當調整窗口大小時運行腳本
onstorage，當 Web Storage 區域更新時（存儲空間中的數據發生變化時）運行腳本
onundo，當文檔執行撤銷時運行腳本
onunload，當用戶離開文檔時運行腳本
:::::::::::::::::::::::::::::::::::::::::::
表單事件(Form Events)
:::::::::::::::::::::::::::::::::::::::::::
表單事件在HTML表單中觸發 (適用于所有 HTML 元素, 但該HTML元素需在form表單內):
onblur，當元素失去焦點時運行腳本
onchange，當元素改變時運行腳本
oncontextmenu，當觸發上下文菜單時運行腳本
onfocus，當元素獲得焦點時運行腳本
onformchange，當表單改變時運行腳本
onforminput，當表單獲得用戶輸入時運行腳本
oninput，當元素獲得用戶輸入時運行腳本
oninvalid，當元素無效時運行腳本
onreset，當表單重置時運行腳本。HTML 5 不支持。
onselect，當選取元素時運行腳本
http://www.iis7.com/b/plc/
onsubmit，當提交表單時運行腳本
:::::::::::::::::::::::::::::::::::::::::::::::::::::::
鍵盤事件（Keyboard Events）
::::::::::::::::::::::::::::::::::::::::::::::::::::::
onkeydown，當按下按鍵時運行腳本
onkeypress，當按下并松開按鍵時運行腳本
onkeyup，當松開按鍵時運行腳本
:::::::::::::::::::::::::::::::::::::::::::::::::
鼠標事件（Mouse Events）
::::::::::::::::::::::::::::::::::::::::::::::::
通過鼠標觸發事件, 類似用戶的行為:
onclick，當單擊鼠標時運行腳本
ondblclick，當雙擊鼠標時運行腳本
ondrag，當拖動元素時運行腳本
ondragend，當拖動操作結束時運行腳本
ondragenter，當元素被拖動至有效的拖放目標時運行腳本
ondragleave，當元素離開有效拖放目標時運行腳本
ondragover，當元素被拖動至有效拖放目標上方時運行腳本
ondragstart，當拖動操作開始時運行腳本
ondrop，當被拖動元素正在被拖放時運行腳本
onmousedown，當按下鼠標按鈕時運行腳本
onmousemove，當鼠標指針移動時運行腳本
onmouseout，當鼠標指針移出元素時運行腳本
onmouseover，當鼠標指針移至元素之上時運行腳本
onmouseup，當松開鼠標按鈕時運行腳本
onmousewheel，當轉動鼠標滾輪時運行腳本
onscrollNew，當滾動元素的滾動條時運行腳本
:::::::::::::::::::::::::::::::::::::::::::::::::
多媒體事件(Media Events)
::::::::::::::::::::::::::::::::::::::::::::::::
通過視頻（videos），圖像（images）或者音頻（audio） 觸發該事件，多應用于HTML媒體元素比如 <audio>, <embed>, <img>, <object>, 和<video>):
onabort，當發生中止事件時運行腳本
oncanplay，當媒介能夠開始播放但可能因緩沖而需要停止時運行腳本
oncanplaythrough，當媒介能夠無需因緩沖而停止即可播放至結尾時運行腳本
ondurationchange，當媒介長度改變時運行腳本
onemptied，當媒介資源元素突然為空時（網絡錯誤、加載錯誤等）運行腳本
onended，當媒介已抵達結尾時運行腳本
onerror，當在元素加載期間發生錯誤時運行腳本
onloadeddata，當加載媒介數據時運行腳本
onloadedmetadata，當媒介元素的持續時間以及其他媒介數據已加載時運行腳本
onloadstart，當瀏覽器開始加載媒介數據時運行腳本
onpause，當媒介數據暫停時運行腳本
onplay，當媒介數據將要開始播放時運行腳本
onplaying，當媒介數據已開始播放時運行腳本
onprogress，當瀏覽器正在取媒介數據時運行腳本
onratechange，當媒介數據的播放速率改變時運行腳本
onreadystatechange，當就緒狀態（ready-state）改變時運行腳本
onseeked，當媒介元素的定位屬性 [1] 不再為真且定位已結束時運行腳本
onseeking，當媒介元素的定位屬性為真且定位已開始時運行腳本
onstalled，當取回媒介數據過程中（延遲）存在錯誤時運行腳本
onsuspend，當瀏覽器已在取媒介數據但在取回整個媒介文件之前停止時運行腳本
ontimeupdate，當媒介改變其播放位置時運行腳本
onvolumechange，當媒介改變音量亦或當音量被設置為靜音時運行腳本
onwaiting，當媒介已停止播放但打算繼續播放時運行腳本
::::::::::::::::
其他事件
::::::::::::::::
onshow，當 <menu> 元素在上下文顯示時觸發
ontoggle，當用戶打開或關閉 <details> 元素時觸發
::::::::::::::::::::::::::::::::::
HTML5 <canvas>(畫布)
:::::::::::::::::::::::::::::::::
HTML5 <canvas> 標簽用于繪制圖像（通過腳本，通常是 JavaScript）。
不過，<canvas> 元素本身并沒有繪制能力（它僅僅是圖形的容器） - 您必須使用腳本來完成實際的繪圖任務。
getContext() 方法可返回一個對象，該對象提供了用于在畫布上繪圖的方法和屬性。
顏色、樣式和陰影：
fillStyle，設置或返回用于填充繪畫的顏色、漸變或模式。
strokeStyle，設置或返回用于筆觸的顏色、漸變或模式。
shadowColor，設置或返回用于陰影的顏色。
shadowBlur，設置或返回用于陰影的模糊級別。
shadowOffsetX，設置或返回陰影與形狀的水平距離。
shadowOffsetY，設置或返回陰影與形狀的垂直距離。
createLinearGradient()，創建線性漸變（用在畫布內容上）。
createPattern()，在指定的方向上重復指定的元素。
createRadialGradient()，創建放射狀/環形的漸變（用在畫布內容上）。
addColorStop()，規定漸變對象中的顏色和停止位置。
線條樣式：
lineCap，設置或返回線條的結束端點樣式。
lineJoin，設置或返回兩條線相交時，所創建的拐角類型。
lineWidth，設置或返回當前的線條寬度。
miterLimit，設置或返回最大斜接長度。
矩形：
rect()，創建矩形。
fillRect()，繪制"被填充"的矩形。
strokeRect()，繪制矩形（無填充）。
clearRect()，在給定的矩形內清除指定的像素。
路徑：
fill()，填充當前繪圖（路徑）。
stroke()，繪制已定義的路徑。
beginPath()，起始一條路徑，或重置當前路徑。
moveTo()，把路徑移動到畫布中的指定點，不創建線條。
closePath()，創建從當前點回到起始點的路徑。
lineTo()，添加一個新點，然后在畫布中創建從該點到最后指定點的線條。
clip()，從原始畫布剪切任意形狀和尺寸的區域。
quadraticCurveTo()，創建二次貝塞爾曲線。
bezierCurveTo()，創建三次貝塞爾曲線。
arc()，創建弧/曲線（用于創建圓形或部分圓）。
arcTo()，創建兩切線之間的弧/曲線。
isPointInPath()，如果指定的點位于當前路徑中，則返回 true，否則返回 false。
轉換：
scale()，縮放當前繪圖至更大或更小。
rotate()，旋轉當前繪圖。
translate()，重新映射畫布上的 (0,0) 位置。
transform()，替換繪圖的當前轉換矩陣。
setTransform()，將當前轉換重置為單位矩陣。然后運行 transform()。
文本：
font，設置或返回文本內容的當前字體屬性。
textAlign，設置或返回文本內容的當前對齊方式。
textBaseline，設置或返回在繪制文本時使用的當前文本基線。
fillText()，在畫布上繪制"被填充的"文本。
strokeText()，在畫布上繪制文本（無填充）。
measureText()，返回包含指定文本寬度的對象。
圖像繪制：
drawImage()，向畫布上繪制圖像、畫布或視頻。
像素操作：
width，返回 ImageData 對象的寬度。
height，返回 ImageData 對象的高度。
data，返回一個對象，其包含指定的 ImageData 對象的圖像數據。
createImageData()，創建新的、空白的 ImageData 對象。
getImageData()，返回 ImageData 對象，該對象為畫布上指定的矩形復制像素數據。
putImageData()，把圖像數據（從指定的 ImageData 對象）放回畫布上。
合成：
globalAlpha，設置或返回繪圖的當前 alpha 或透明值。
globalCompositeOperation，設置或返回新圖像如何繪制到已有的圖像上。
其他：
save()，保存當前環境的狀態。
restore()，返回之前保存過的路徑狀態和屬性。
createEvent()，
getContext()，
toDataURL()，
到此，關于“javascript中的事件分類”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
