Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 国产成人一区二区精品非洲,国产成人综合网,日韩在线不卡一区在线观看

          整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          JavaScript 事件

          HTML 事件是發(fā)生在 HTML 元素上的事情。

          當(dāng)在 HTML 頁面中使用 JavaScript 時(shí), JavaScript 可以觸發(fā)這些事件。

          HTML 事件

          HTML 事件可以是瀏覽器行為,也可以是用戶行為。

          以下是 HTML 事件的實(shí)例:

          • HTML 頁面完成加載

          • HTML input 字段改變時(shí)

          • HTML 按鈕被點(diǎn)擊

          通常,當(dāng)事件發(fā)生時(shí),你可以做些事情。

          在事件觸發(fā)時(shí) JavaScript 可以執(zhí)行一些代碼。

          HTML 元素中可以添加事件屬性,使用 JavaScript 代碼來添加 HTML 元素。

          單引號(hào):

          <some-HTML-element some-event='some JavaScript'>

          雙引號(hào):

          <some-HTML-element some-event="some JavaScript">

          在以下實(shí)例中,按鈕元素中添加了 onclick 屬性 (并加上代碼):

          實(shí)例

          <button onclick='getElementById("demo").innerHTML=Date()'>現(xiàn)在的時(shí)間是??</button>

          以上實(shí)例中,JavaScript 代碼將修改 id="demo" 元素的內(nèi)容。

          在下一個(gè)實(shí)例中,代碼將修改自身元素的內(nèi)容 (使用 this.innerHTML):

          實(shí)例

          <button onclick="this.innerHTML=Date()">現(xiàn)在的時(shí)間是?</button>

          JavaScript代碼通常是幾行代碼。比較常見的是通過事件屬性來調(diào)用:

          實(shí)例

          <button onclick="displayDate()">現(xiàn)在的時(shí)間是?</button>

          常見的HTML事件

          下面是一些常見的HTML事件的列表:

          事件描述
          onchangeHTML 元素改變
          onclick用戶點(diǎn)擊 HTML 元素
          onmouseover用戶在一個(gè)HTML元素上移動(dòng)鼠標(biāo)
          onmouseout用戶從一個(gè)HTML元素上移開鼠標(biāo)
          onkeydown用戶按下鍵盤按鍵
          onload瀏覽器已完成頁面的加載

          更多事件列表: JavaScript 參考手冊(cè) - HTML DOM 事件。

          JavaScript 可以做什么?

          事件可以用于處理表單驗(yàn)證,用戶輸入,用戶行為及瀏覽器動(dòng)作:

          • 頁面加載時(shí)觸發(fā)事件

          • 頁面關(guān)閉時(shí)觸發(fā)事件

          • 用戶點(diǎn)擊按鈕執(zhí)行動(dòng)作

          • 驗(yàn)證用戶輸入內(nèi)容的合法性

          • 等等 ...

          可以使用多種方法來執(zhí)行 JavaScript 事件代碼:

          • HTML 事件屬性可以直接執(zhí)行 JavaScript 代碼

          • HTML 事件屬性可以調(diào)用 JavaScript 函數(shù)

          • 你可以為 HTML 元素指定自己的事件處理程序

          • 你可以阻止事件的發(fā)生。

          • 等等 ...

          在 HTML DOM 章節(jié)中你將會(huì)學(xué)到更多關(guān)于事件及事件處理程序的知識(shí)。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          HTML DOM 事件

          HTML DOM 事件允許Javascript在HTML文檔元素中注冊(cè)不同事件處理程序。

          事件通常與函數(shù)結(jié)合使用,函數(shù)不會(huì)在事件發(fā)生前被執(zhí)行! (如用戶點(diǎn)擊按鈕)。

          提示: 在 W3C 2 級(jí) DOM 事件中規(guī)范了事件模型。

          HTML DOM 事件

          DOM: 指明使用的 DOM 屬性級(jí)別。

          鼠標(biāo)事件

          屬性描述DOM
          onclick當(dāng)用戶點(diǎn)擊某個(gè)對(duì)象時(shí)調(diào)用的事件句柄。2
          oncontextmenu在用戶點(diǎn)擊鼠標(biāo)右鍵打開上下文菜單時(shí)觸發(fā)
          ondblclick當(dāng)用戶雙擊某個(gè)對(duì)象時(shí)調(diào)用的事件句柄。2
          onmousedown鼠標(biāo)按鈕被按下。2
          onmouseenter當(dāng)鼠標(biāo)指針移動(dòng)到元素上時(shí)觸發(fā)。2
          onmouseleave當(dāng)鼠標(biāo)指針移出元素時(shí)觸發(fā)2
          onmousemove鼠標(biāo)被移動(dòng)。2
          onmouseover鼠標(biāo)移到某元素之上。2
          onmouseout鼠標(biāo)從某元素移開。2
          onmouseup鼠標(biāo)按鍵被松開。2

          鍵盤事件

          屬性描述DOM
          onkeydown某個(gè)鍵盤按鍵被按下。2
          onkeypress某個(gè)鍵盤按鍵被按下并松開。2
          onkeyup某個(gè)鍵盤按鍵被松開。2

          框架/對(duì)象(Frame/Object)事件

          屬性描述DOM
          onabort圖像的加載被中斷。 ( <object>)2
          onbeforeunload該事件在即將離開頁面(刷新或關(guān)閉)時(shí)觸發(fā)2
          onerror在加載文檔或圖像時(shí)發(fā)生錯(cuò)誤。 ( <object>, <body>和 <frameset>)
          onhashchange該事件在當(dāng)前 URL 的錨部分發(fā)生修改時(shí)觸發(fā)。
          onload一張頁面或一幅圖像完成加載。2
          onpageshow該事件在用戶訪問頁面時(shí)觸發(fā)
          onpagehide該事件在用戶離開當(dāng)前網(wǎng)頁跳轉(zhuǎn)到另外一個(gè)頁面時(shí)觸發(fā)
          onresize窗口或框架被重新調(diào)整大小。2
          onscroll當(dāng)文檔被滾動(dòng)時(shí)發(fā)生的事件。2
          onunload用戶退出頁面。 ( <body> 和 <frameset>)2

          表單事件

          屬性描述DOM
          onblur元素失去焦點(diǎn)時(shí)觸發(fā)2
          onchange該事件在表單元素的內(nèi)容改變時(shí)觸發(fā)( <input>, <keygen>, <select>, 和 <textarea>)2
          onfocus元素獲取焦點(diǎn)時(shí)觸發(fā)2
          onfocusin元素即將獲取焦點(diǎn)時(shí)觸發(fā)2
          onfocusout元素即將失去焦點(diǎn)時(shí)觸發(fā)2
          oninput元素獲取用戶輸入時(shí)觸發(fā)3
          onreset表單重置時(shí)觸發(fā)2
          onsearch用戶向搜索域輸入文本時(shí)觸發(fā) ( <input="search">)
          onselect用戶選取文本時(shí)觸發(fā) ( <input> 和 <textarea>)2
          onsubmit表單提交時(shí)觸發(fā)2

          剪貼板事件

          屬性描述DOM
          oncopy該事件在用戶拷貝元素內(nèi)容時(shí)觸發(fā)
          oncut該事件在用戶剪切元素內(nèi)容時(shí)觸發(fā)
          onpaste該事件在用戶粘貼元素內(nèi)容時(shí)觸發(fā)

          打印事件

          屬性描述DOM
          onafterprint該事件在頁面已經(jīng)開始打印,或者打印窗口已經(jīng)關(guān)閉時(shí)觸發(fā)
          onbeforeprint該事件在頁面即將開始打印時(shí)觸發(fā)

          拖動(dòng)事件

          事件描述DOM
          ondrag該事件在元素正在拖動(dòng)時(shí)觸發(fā)
          ondragend該事件在用戶完成元素的拖動(dòng)時(shí)觸發(fā)
          ondragenter該事件在拖動(dòng)的元素進(jìn)入放置目標(biāo)時(shí)觸發(fā)
          ondragleave該事件在拖動(dòng)元素離開放置目標(biāo)時(shí)觸發(fā)
          ondragover該事件在拖動(dòng)元素在放置目標(biāo)上時(shí)觸發(fā)
          ondragstart該事件在用戶開始拖動(dòng)元素時(shí)觸發(fā)
          ondrop該事件在拖動(dòng)元素放置在目標(biāo)區(qū)域時(shí)觸發(fā)

          多媒體(Media)事件

          事件描述DOM
          onabort事件在視頻/音頻(audio/video)終止加載時(shí)觸發(fā)。
          oncanplay事件在用戶可以開始播放視頻/音頻(audio/video)時(shí)觸發(fā)。
          oncanplaythrough事件在視頻/音頻(audio/video)可以正常播放且無需停頓和緩沖時(shí)觸發(fā)。
          ondurationchange事件在視頻/音頻(audio/video)的時(shí)長(zhǎng)發(fā)生變化時(shí)觸發(fā)。
          onemptied當(dāng)期播放列表為空時(shí)觸發(fā)
          onended事件在視頻/音頻(audio/video)播放結(jié)束時(shí)觸發(fā)。
          onerror事件在視頻/音頻(audio/video)數(shù)據(jù)加載期間發(fā)生錯(cuò)誤時(shí)觸發(fā)。
          onloadeddata事件在瀏覽器加載視頻/音頻(audio/video)當(dāng)前幀時(shí)觸發(fā)觸發(fā)。
          onloadedmetadata事件在指定視頻/音頻(audio/video)的元數(shù)據(jù)加載后觸發(fā)。
          onloadstart事件在瀏覽器開始尋找指定視頻/音頻(audio/video)觸發(fā)。
          onpause事件在視頻/音頻(audio/video)暫停時(shí)觸發(fā)。
          onplay事件在視頻/音頻(audio/video)開始播放時(shí)觸發(fā)。
          onplaying事件在視頻/音頻(audio/video)暫停或者在緩沖后準(zhǔn)備重新開始播放時(shí)觸發(fā)。
          onprogress事件在瀏覽器下載指定的視頻/音頻(audio/video)時(shí)觸發(fā)。
          onratechange事件在視頻/音頻(audio/video)的播放速度發(fā)送改變時(shí)觸發(fā)。
          onseeked事件在用戶重新定位視頻/音頻(audio/video)的播放位置后觸發(fā)。
          onseeking事件在用戶開始重新定位視頻/音頻(audio/video)時(shí)觸發(fā)。
          onstalled事件在瀏覽器獲取媒體數(shù)據(jù),但媒體數(shù)據(jù)不可用時(shí)觸發(fā)。
          onsuspend事件在瀏覽器讀取媒體數(shù)據(jù)中止時(shí)觸發(fā)。
          ontimeupdate事件在當(dāng)前的播放位置發(fā)送改變時(shí)觸發(fā)。
          onvolumechange事件在音量發(fā)生改變時(shí)觸發(fā)。
          onwaiting事件在視頻由于要播放下一幀而需要緩沖時(shí)觸發(fā)。

          動(dòng)畫事件

          事件描述DOM
          animationend該事件在 CSS 動(dòng)畫結(jié)束播放時(shí)觸發(fā)
          animationiteration該事件在 CSS 動(dòng)畫重復(fù)播放時(shí)觸發(fā)
          animationstart該事件在 CSS 動(dòng)畫開始播放時(shí)觸發(fā)

          過渡事件

          事件描述DOM
          transitionend該事件在 CSS 完成過渡后觸發(fā)。

          其他事件

          事件描述DOM
          onmessage該事件通過或者從對(duì)象(WebSocket, Web Worker, Event Source 或者子 frame 或父窗口)接收到消息時(shí)觸發(fā)
          onmousewheel已廢棄。 使用 onwheel 事件替代
          ononline該事件在瀏覽器開始在線工作時(shí)觸發(fā)。
          onoffline該事件在瀏覽器開始離線工作時(shí)觸發(fā)。
          onpopstate該事件在窗口的瀏覽歷史(history 對(duì)象)發(fā)生改變時(shí)觸發(fā)。
          onshow該事件當(dāng) <menu> 元素在上下文菜單顯示時(shí)觸發(fā)
          onstorage該事件在 Web Storage(HTML 5 Web 存儲(chǔ))更新時(shí)觸發(fā)
          ontoggle該事件在用戶打開或關(guān)閉 <details> 元素時(shí)觸發(fā)
          onwheel該事件在鼠標(biāo)滾輪在元素上下滾動(dòng)時(shí)觸發(fā)

          事件對(duì)象

          常量

          靜態(tài)變量描述DOM
          CAPTURING-PHASE當(dāng)前事件階段為捕獲階段(3)1
          AT-TARGET當(dāng)前事件是目標(biāo)階段,在評(píng)估目標(biāo)事件(1)2
          BUBBLING-PHASE當(dāng)前的事件為冒泡階段 (2)3

          屬性

          屬性描述DOM
          bubbles返回布爾值,指示事件是否是起泡事件類型。2
          cancelable返回布爾值,指示事件是否可擁可取消的默認(rèn)動(dòng)作。2
          currentTarget返回其事件監(jiān)聽器觸發(fā)該事件的元素。2
          eventPhase返回事件傳播的當(dāng)前階段。2
          target返回觸發(fā)此事件的元素(事件的目標(biāo)節(jié)點(diǎn))。2
          timeStamp返回事件生成的日期和時(shí)間。2
          type返回當(dāng)前 Event 對(duì)象表示的事件的名稱。2

          方法

          方法描述DOM
          initEvent()初始化新創(chuàng)建的 Event 對(duì)象的屬性。2
          preventDefault()通知瀏覽器不要執(zhí)行與事件關(guān)聯(lián)的默認(rèn)動(dòng)作。2
          stopPropagation()不再派發(fā)事件。2

          目標(biāo)事件對(duì)象

          方法

          方法描述DOM
          addEventListener()允許在目標(biāo)事件中注冊(cè)監(jiān)聽事件(IE8 = attachEvent())2
          dispatchEvent()允許發(fā)送事件到監(jiān)聽器上 (IE8 = fireEvent())2
          removeEventListener()運(yùn)行一次注冊(cè)在事件目標(biāo)上的監(jiān)聽事件(IE8 = detachEvent())2

          事件監(jiān)聽對(duì)象

          方法

          方法描述DOM
          handleEvent()把任意對(duì)象注冊(cè)為事件處理程序2

          文檔事件對(duì)象

          方法

          方法描述DOM
          createEvent()2

          鼠標(biāo)/鍵盤事件對(duì)象

          屬性

          屬性描述DOM
          altKey返回當(dāng)事件被觸發(fā)時(shí),"ALT" 是否被按下。2
          button返回當(dāng)事件被觸發(fā)時(shí),哪個(gè)鼠標(biāo)按鈕被點(diǎn)擊。2
          clientX返回當(dāng)事件被觸發(fā)時(shí),鼠標(biāo)指針的水平坐標(biāo)。2
          clientY返回當(dāng)事件被觸發(fā)時(shí),鼠標(biāo)指針的垂直坐標(biāo)。2
          ctrlKey返回當(dāng)事件被觸發(fā)時(shí),"CTRL" 鍵是否被按下。2
          Location返回按鍵在設(shè)備上的位置3
          charCode返回onkeypress事件觸發(fā)鍵值的字母代碼。2
          key在按下按鍵時(shí)返回按鍵的標(biāo)識(shí)符。3
          keyCode返回onkeypress事件觸發(fā)的鍵的值的字符代碼,或者 onkeydown 或 onkeyup 事件的鍵的代碼。2
          which返回onkeypress事件觸發(fā)的鍵的值的字符代碼,或者 onkeydown 或 onkeyup 事件的鍵的代碼。2
          metaKey返回當(dāng)事件被觸發(fā)時(shí),"meta" 鍵是否被按下。2
          relatedTarget返回與事件的目標(biāo)節(jié)點(diǎn)相關(guān)的節(jié)點(diǎn)。2
          screenX返回當(dāng)某個(gè)事件被觸發(fā)時(shí),鼠標(biāo)指針的水平坐標(biāo)。2
          screenY返回當(dāng)某個(gè)事件被觸發(fā)時(shí),鼠標(biāo)指針的垂直坐標(biāo)。2
          shiftKey返回當(dāng)事件被觸發(fā)時(shí),"SHIFT" 鍵是否被按下。2

          方法

          方法描述W3C
          initMouseEvent()初始化鼠標(biāo)事件對(duì)象的值2
          initKeyboardEvent()初始化鍵盤事件對(duì)象的值3

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          得收藏的HTML DOM事件和鼠標(biāo)鍵盤事件

          onabort//圖像的加載被中斷。

          onblur//元素失去焦點(diǎn)。

          onchange//域的內(nèi)容被改變。

          onclick//當(dāng)用戶點(diǎn)擊某個(gè)對(duì)象時(shí)調(diào)用的事件句柄。

          ondblclick//當(dāng)用戶雙擊某個(gè)對(duì)象時(shí)調(diào)用的事件句柄。

          onerror//在加載文檔或圖像時(shí)發(fā)生錯(cuò)誤。

          onfocus//元素獲得焦點(diǎn)。

          onkeydown//某個(gè)鍵盤按鍵被按下。

          onkeypress//某個(gè)鍵盤按鍵被按下并松開。

          onkeyup//某個(gè)鍵盤按鍵被松開。

          onload//一張頁面或一幅圖像完成加載。

          onmousedown//鼠標(biāo)按鈕被按下。

          onmousemove//鼠標(biāo)被移動(dòng)。

          onmouseout//鼠標(biāo)從某元素移開。

          onmouseover//鼠標(biāo)移到某元素之上。

          onmouseup//鼠標(biāo)按鍵被松開。

          onreset//重置按鈕被點(diǎn)擊。

          onresize//窗口或框架被重新調(diào)整大小。

          onselect//文本被選中。

          onsubmit//確認(rèn)按鈕被點(diǎn)擊。

          onunload//用戶退出頁面。

          值得收藏的HTML DOM事件和鼠標(biāo)鍵盤事件

          altKey//返回當(dāng)事件被觸發(fā)時(shí),"ALT" 是否被按下。

          button//返回當(dāng)事件被觸發(fā)時(shí),哪個(gè)鼠標(biāo)按鈕被點(diǎn)擊。

          clientX//返回當(dāng)事件被觸發(fā)時(shí),鼠標(biāo)指針的水平坐標(biāo)。

          clientY//返回當(dāng)事件被觸發(fā)時(shí),鼠標(biāo)指針的垂直坐標(biāo)。

          ctrlKey//返回當(dāng)事件被觸發(fā)時(shí),"CTRL" 鍵是否被按下。

          metaKey//返回當(dāng)事件被觸發(fā)時(shí),"meta" 鍵是否被按下。

          relatedTarget//返回與事件的目標(biāo)節(jié)點(diǎn)相關(guān)的節(jié)點(diǎn)。

          screenX//返回當(dāng)某個(gè)事件被觸發(fā)時(shí),鼠標(biāo)指針的水平坐標(biāo)。

          screenY//返回當(dāng)某個(gè)事件被觸發(fā)時(shí),鼠標(biāo)指針的垂直坐標(biāo)。

          shiftKey//返回當(dāng)事件被觸發(fā)時(shí),"SHIFT" 鍵是否被按下。

          值得收藏的HTML DOM事件和鼠標(biāo)鍵盤事件

          以上內(nèi)容為互聯(lián)網(wǎng)收集感謝關(guān)注與收藏


          主站蜘蛛池模板: 中文字幕亚洲一区二区va在线| 国产日韩精品一区二区三区| 一区二区国产精品| 精品日产一区二区三区手机| 亚洲av无码片区一区二区三区 | 亚洲国产一区二区视频网站| 久久久精品人妻一区亚美研究所 | 国产激情视频一区二区三区| 国产在线视频一区二区三区| 一区二区三区高清| 久久综合精品国产一区二区三区| 欧洲亚洲综合一区二区三区| 亚洲一区二区三区成人网站| 亚洲AV日韩AV天堂一区二区三区| 日韩精品一区二区三区大桥未久 | 精品视频一区二区三区在线播放| 91一区二区视频| 久久国产精品最新一区| 亚洲一区二区三区香蕉| 精品国产日韩亚洲一区| 日韩精品电影一区亚洲| 无码AV动漫精品一区二区免费 | 日本中文字幕一区二区有码在线| 精品国产AⅤ一区二区三区4区 | 日本福利一区二区| 日韩一区二区三区在线| 国产一区二区在线|播放| 精品国产日韩一区三区| 成人精品一区二区激情| 国产一区二区三区视频在线观看 | 一区二区三区精品| 一区二区三区人妻无码| 无码人妻一区二区三区免费看| 无码精品视频一区二区三区| 农村乱人伦一区二区| 91精品福利一区二区| 国产福利无码一区在线| 无码一区二区三区爆白浆| 亚洲乱码av中文一区二区 | 精品国产亚洲一区二区三区| 亚洲av无码一区二区乱子伦as|