js事件物件

2022-09-15 23:09:13 字數 1189 閱讀 3444

1、進入部落格

2、html event物件

在js中呼叫未被定義的變數,一般會報錯。我覺得這也是為什e = e||event中event要放在後面的原因。如果寫成window.event ,其放在前面應該也沒關係

3、event物件:

屬性和方法:

屬性: button:判斷按滑鼠上的哪個鍵

0:沒有按鍵

1:左鍵

2:右鍵

3:中間鍵

altkey:alt鍵 true false

ctrlkey:

shiftkey:

clientx/clienty:可視區域的座標

offsetx/offsety:源元素的座標

pagex/pagey/x/y:整個頁面的座標

screenx/screeny:相對於螢幕的座標

keycode:返回鍵盤上對應的值

target/srcelement:觸發事件的物件

方法: addeventlistener():新增監聽事件

btn.addeventlistener('事件的型別',函式名,true/false)

btn.addeventlistener('click',function())

btn.addeventlistener('click',fun)

function fun()

可以新增多個事件,不會被覆蓋

removeeventlistener():刪除監聽事件

btn.removeeventlistener()

如果新增到監聽函式是匿名的話就刪除不了

preventdefault():阻止預設事件

stoppropagation():阻止冒泡

dom2級事件:

事件流:

事件冒泡:從裡往外false,預設false

事件捕獲:從外往裡true

阻止事件冒泡:

btn.addeventlistener('click',function(event))

阻止預設事件:

a submit

a.onclick=function(event)

JS 事件物件

在觸發dom上的某個事件時,會產生乙個事件物件event。這個物件中包含著所有與事件有關的資訊。包括導致事件的元素,事件的型別以及其他與特定事件相關的資訊。所有瀏覽器都支援event物件,event物件會傳入dom0級,dom2級,html指定,的事件處理程式中,但支援的方式不同,所以也會涉及跨瀏覽...

JS事件物件

1.什麼是事件物件 官方解釋 event 物件代表事件的狀態,比如鍵盤按鍵的狀態 滑鼠的位置 滑鼠按鈕的狀態。比如 誰繫結了這個事件。滑鼠觸發事件的話,會得到滑鼠的相關資訊,如滑鼠位置。鍵盤觸發事件的話,會得到鍵盤的相關資訊,如按了哪個鍵。2.事件物件的使用 事件觸發發生時就會產生事件物件,並且系統...

js 事件物件

事件繫結的格式 元素節點.on 事件型別 function 就是乙個事件物件 obtn 也是乙個物件,所以我們把上面中的.onclick function 看作是 obtn物件的乙個方法 函式 我們把這個事件函式寫在這以後,什麼事件呼叫的呢?我們都知道,只有按鈕被點選時才會呼叫這個事件函式,所以這個...