js之event物件(二)

2022-03-06 19:42:43 字數 713 閱讀 8081

終於獲取到了事件發生的物件了,用起來也就一句話:

1.找到目標物件

這不算什麼問題,用上面的方法判斷即可,或者是:

2.找到滑鼠位置

clientx,clienty--參考瀏覽器視窗--相容ie,ff,chromet

pagex,pagey--參考document物件--只有ie不支援

screenx,screeny--參考瀏覽器螢幕--全部相容

offsetx,offsety--參考事件目標物件--只有ff不相容

以上四種足矣解決問題了~其他等等寫法會有不同相容問題,見到有人用的嗨,但不提出了,新學的時候,沒找到乙個好的教材,總結出這個,還真不容易~~第一二條結合起來可以滿足任何需要了,其他的要用到的時候再測試~

3.scroll的值

所幸即便不支援,也有個0值,用的時候直接document.documentelement.scrolltop+document.body.scrolltop便能解決問題

這樣就可以簡單的回到頂部了:

回到頁面的某處用id標記即可toidname,瞬間回到想要的地方,不過想要溫柔的動畫回去,就要用到上面的sroll值了。settimeout吧。

現在可以溫柔的回到頂部了,這種寫法很直觀,但有種不祥的預感,最後還可能給了document.?.scrolltop乙個負數值~所幸,賦給它乙個負數值,它扔等於0;控制動畫接下來研究了~

4.監聽onscroll事件,問題來了

JS事件物件event

事件物件 事件引數物件,event物件 1,什麼是事件物件 任何乙個事件觸發後都會包含乙個event物件 event物件中包含與當前事件相關的一些屬性和方法。2,獲取event物件 1,在html中繫結事件 標記 on事件名 btn event eg function btn event 注意 1,...

js 事件物件event

在觸發dom上的某個事件時,會產生乙個事件物件event。這個物件中包含著所有與事件有關的資訊。包括導致事件的元素,事件的型別以及其他與特定事件相關的資訊。我是div div class son son div div script varbox document.queryselector box...

js事件物件event

js的事件物件 即我們函式中經常會用到的 event event 物件代表事件的狀態,比如事件在其中發生的元素 鍵盤按鍵的狀態 滑鼠的位置 滑鼠按鈕的狀態。事件通常與函式結合使用,函式不會在事件發生前被執行!通常我們用得比較多的 就是在標籤上 寫onclick fn 屬性 描述 altkey 返回當...