html 測試 上入 下出

html 測試 左右 各一 測試

html 測試 單入 單出

html 測試 左入右出

class="ot"









尾部連結 hbbb(xx)

2018年4月9日 星期一

HTML DOM 事件

鼠標事件
onclick 當用戶點擊某個對像時調用的事件句柄oncontextmenu在用戶點擊鼠標右鍵打開上下文菜單時觸發
ondblclick當用戶雙擊某個對像時調用的事件句柄onmousedown 鼠標按鈕被按下
onmouseenter當鼠標指針移動到元素上時觸發 onmouseleave 當鼠標指針移出元素時觸發
onmousemove鼠標被移動onmouseover鼠標移到某元素之上
onmouseout 鼠標從某元素移開onmouseup鼠標按鍵被松開
鍵盤事件
onkeydown某個鍵盤按鍵被按下onkeypress某個鍵盤按鍵被按下並松開
onkeyup某個鍵盤按鍵被松開
框架/對像(Frame/Object)事件
onabort圖像的加載被中斷( <object>)onbeforeunload該事件在即將離開頁面(刷新或關閉)時觸發
onerror在加載文檔或圖像時發生錯誤( <object>,<body>和 <frameset>)onhashchange該事件在當前 URL 的錨部分發生修改時觸發。
onload 一張頁面或一幅圖像完成加載onpageshow該事件在用戶訪問頁面時觸發
onpagehide該事件在用戶離開當前網頁跳轉到另外一個頁面時觸發onresize窗口或框架被重新調整大小
onscroll當文檔被滾動時發生的事件onunload用戶退出頁面(<body> 和 <frameset>)
表單事件
onblur元素失去焦點時觸發onchange該事件在表單元素的內容改變時觸發( <input>, <keygen>, <select>, 和 <textarea>)
onfocus元素獲取焦點時觸發onfocusin元素即將獲取焦點時觸發
onfocusout元素即將失去焦點時觸發oninput元素獲取用戶輸入時觸發
onreset表單重置時觸發onsearch用戶向搜索域輸入文本時觸發(<input="search">)
onselect用戶選取文本時觸發 ( <input> 和 <textarea>)onsubmit表單提交時觸發
剪貼板事件
oncopy該事件在用戶拷貝元素內容時觸發oncut該事件在用戶剪切元素內容時觸發
onpaste該事件在用戶粘貼元素內容時觸發
打印事件
onafterprint該事件在頁面已經開始打印,或者打印窗口已經關閉時觸發onbeforeprint該事件在頁面即將開始打印時觸發
拖動事件
ondrag該事件在元素正在拖動時觸發ondragend該事件在用戶完成元素的拖動時觸發
ondragenter該事件在拖動的元素進入放置目標時觸發ondragleave該事件在拖動元素離開放置目標時觸發
ondragover該事件在拖動元素在放置目標上時觸發ondragstart該事件在用戶開始拖動元素時觸發
ondrop該事件在拖動元素放置在目標區域時觸發
多媒體(Media)事件
onabort事件在視頻/音頻(audio/video)終止加載時觸發oncanplay事件在用戶可以開始播放視頻/音頻(audio/video)時觸發
oncanplaythrough事件在視頻/音頻(audio/video)可以正常播放且無需停頓和緩衝時觸發ondurationchange事件在視頻/音頻(audio/video)的時長發生變化時觸發
onemptied當期播放列表為空時觸發onended事件在視頻/音頻(audio/video)播放結束時觸發
onerror事件在視頻/音頻(audio/video)數據加載期間發生錯誤時觸發onloadeddata事件在瀏覽器加載視頻/音頻(audio/video)當前幀時觸發觸發
onloadedmetadata事件在指定視頻/音頻(audio/video)的元數據加載後觸發onloadstart事件在瀏覽器開始尋找指定視頻/音頻(audio/video)觸發
onpause事件在視頻/音頻(audio/video)暫停時觸發onplay事件在視頻/音頻(audio/video)開始播放時觸發
onplaying 事件在視頻/音頻(audio/video)暫停或者在緩衝後准備重新開始播放時觸發onprogress事件在瀏覽器下載指定的視頻/音頻(audio/video)時觸發
onratechange事件在視頻/音頻(audio/video)的播放速度發送改變時觸發onseeked事件在用戶重新定位視頻/音頻(audio/video)的播放位置後觸發
onseeking 事件在用戶開始重新定位視頻/音頻(audio/video)時觸發onstalled事件在瀏覽器獲取媒體數據,但媒體數據不可用時觸發。
onsuspend事件在瀏覽器讀取媒體數據中止時觸發ontimeupdate事件在當前的播放位置發送改變時觸發
onvolumechange事件在音量發生改變時觸發onwaiting事件在視頻由於要播放下一幀而需要緩衝時觸發
動畫事件
animationend該事件在 CSS 動畫結束播放時觸發animationiteration該事件在 CSS 動畫重復播放時觸發
animationstart該事件在 CSS 動畫開始播放時觸發
過渡事件
transitionend該事件在 CSS 完成過渡後觸發
其他事件
onmessage該事件通過或者從對像(WebSocket, Web Worker, Event Source 或者子 frame 或父窗口)接收到消息時觸發ononline該事件在瀏覽器開始在線工作時觸發
onoffline該事件在瀏覽器開始離線工作時觸發onpopstate該事件在窗口的瀏覽歷史(history 對像)發生改變時觸發
onshow該事件當 <menu> 元素在上下文菜單顯示時觸發onstorage該事件在 Web Storage(HTML 5 Web 存儲)更新時觸發
ontoggle該事件在用戶打開或關閉 <details> 元素時觸發onwheel該事件在鼠標滾輪在元素上下滾動時觸發
事件對像 常量
CAPTURING-PHASE當前事件階段為捕獲階段(3)AT-TARGET當前事件是目標階段,在評估目標事件(1)
BUBBLING-PHASE當前的事件為冒泡階段 (2)
事件對像 屬性
bubbles返回布爾值,指示事件是否是起泡事件類型cancelable返回布爾值,指示事件是否可擁可取消的默認動作
currentTarget返回其事件監聽器觸發該事件的元素eventPhase返回事件傳播的當前階段
target返回觸發此事件的元素(事件的目標節點)timeStamp返回事件生成的日期和時間
type返回當前 Event 對像表示的事件的名稱
事件對像 方法
initEvent()初始化新創建的 Event 對像的屬性preventDefault()通知瀏覽器不要執行與事件關聯的默認動作
stopPropagation()不再派發事件
目標事件對像 方法
addEventListener()允許在目標事件中注冊監聽事件(IE8 = attachEvent())dispatchEvent()允許發送事件到監聽器上 (IE8 = fireEvent())
removeEventListener()運行一次注冊在事件目標上的監聽事件(IE8 = detachEvent())
事件監聽對像 方法
handleEvent()把任意對像注冊為事件處理程序
文檔事件對像 方法
createEvent()
鼠標/鍵盤事件對像 屬性
altKey返回當事件被觸發時,"ALT" 是否被按下button返回當事件被觸發時,哪個鼠標按鈕被點擊
clientX返回當事件被觸發時,鼠標指針的水平坐標clientY返回當事件被觸發時,鼠標指針的垂直坐標
ctrlKey返回當事件被觸發時,"CTRL" 鍵是否被按下Location返回按鍵在設備上的位置
charCode返回onkeypress事件觸發鍵值的字母代碼key在按下按鍵時返回按鍵的標識符
keyCode返回onkeypress事件觸發的鍵的值的字符代碼,或者 onkeydown 或 onkeyup 事件的鍵的代碼
which 返回onkeypress事件觸發的鍵的值的字符代碼,或者 onkeydown 或 onkeyup 事件的鍵的代碼。
metaKey返回當事件被觸發時,"meta" 鍵是否被按下relatedTarget返回與事件的目標節點相關的節點
screenX返回當某個事件被觸發時,鼠標指針的水平坐標screenY返回當某個事件被觸發時,鼠標指針的垂直坐標
shiftKey返回當事件被觸發時,"SHIFT" 鍵是否被按下
鼠標/鍵盤事件對像 方法
initMouseEvent()初始化鼠標事件對像的值initKeyboardEvent()初始化鍵盤事件對像的值

沒有留言:

張貼留言