碼上未來IT培訓老師直接接聽

400-029-09** 400-029-0997 轉(zhuǎn) 36015
查看完整號碼
掃碼撥號
微信掃碼撥號

什么是JS事件對象？常用屬性及方法有哪些？

2025/1/9 0:12:09

什么是事件對象?事件發(fā)生以后，系統(tǒng)會調(diào)用我們寫好的事件處理...

什么是事件對象?事件發(fā)生以后，系統(tǒng)會調(diào)用我們寫好的事件處理程序，在調(diào)用處理程序時，將事件發(fā)生時有關事件的一切信息，封裝成一個對象，作為參數(shù)傳給監(jiān)聽函數(shù)(事件處理程序)，我們把這個對象稱為“事件對象”。有關事件發(fā)生的一切信息，都包含在這個事件對象中;根據(jù)事件類型的不同，事件對象中包含的信息也有所不同; 如點擊事件中，包含鼠標點擊的橫縱坐標位置，鍵盤事件中，包含鍵盤的鍵值等。

事件對象中的常用屬性及方法有哪些?event.bubbles：屬性返回一個布爾值，表示當前事件是否會冒泡;event.eventPhase：返回一個整數(shù)值，表示事件流在傳播階段的位置。(0表示事件目前沒有發(fā)生。1表示事件目前處于捕獲階段。2表示事件到達目標節(jié)點。3表示事件處于冒泡階段。)event.type：返回一個字符串，表示事件類型，大小寫敏感;event.timeStamp：返回一個毫秒時間戳，表示事件發(fā)生的時間;event.clientX：獲取鼠標事件觸發(fā)的X軸坐標event.clientY：獲取鼠標事件觸發(fā)的Y軸坐標下面我們通過代碼來體驗上述方法的用法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"content="IE=edge"> <meta name="viewport"content="width=device-width, initial-scale=1.0"> <title>事件對象常用方法|http://web.itheima.com</title></head><body> <input type="button"value="按鈕"id="btn"></body> <script> var btn =document.getElementById("btn"); btn.onclick=function(e){ //當前事件是否會冒泡 console.log(e.bubbles); //事件目前所處的節(jié)點 console.log(e.eventPhase); //事件類型 console.log(e.type); //事件發(fā)生的時間戳 console.log(e.timeStamp); //鼠標的的X軸和Y軸值 console.log("X:"+ e.clientX, "Y:"+ e.clientY); } </script></html>

添加微信咨詢
夏老師 @大連碼上未來IT培訓

資深職業(yè)咨詢規(guī)劃師

微信號：155******12

立即咨詢

“大連碼上未來IT培訓”是碼上未來科技(大連)有限公司在教育寶平臺開設的店鋪，若該店鋪內(nèi)信息涉嫌虛假或違法，請點擊這里向教育寶反饋，我們將及時進行處理。

機構評分

環(huán)境：5.0師資：5.0服務：5.0效果：5.0

公示信息

店鋪名稱：大連碼上未來IT培訓

單位名稱：碼上未來科技(大連)有限公司

賬號名稱：mswl（158******92）

所屬城市：遼寧大連

入駐時長：6年

在線客服：在線聊

微信咨詢

返回頂部