js 事件物件event

2022-03-14 00:07:18 字數 1491 閱讀 1471

在觸發dom上的某個事件時,會產生乙個事件物件event。這個物件中包含著所有與事件有關的資訊。

包括導致事件的元素,事件的型別以及其他與特定事件相關的資訊。

我是div

<

div

class

="son"

>son

div>

div>

<

script

>

varbox

=document.queryselector(

'.box');

//事件物件的相容寫法var e = e || window.event; // 或var e = e || event

box.onclick

=function

(e)

= fn;

= fn;

function

fn(e)

//阻止瀏覽器的預設行為 比如鏈結跳轉 e.preventdefault()或return false;

event常用屬性:

1.event.type;——獲取繫結的事件型別,比如click,mouseover等

2.event.target;(在ie低版本中用event.srcelement)——返回觸發事件的元素。

比如[object htmlinputelement]指的是html裡的input元素

3.event.stoppropagation()[ˌprɒpə'ɡeɪʃn];(在ie中用oevent.cancelbubble=false)//用於阻止事件冒泡

4.event.stopimmediatepropagation();//immediate[ɪˈmi:diət] //當乙個元素繫結多個事件處理程式的時候,

事件會按照順序全部執行,如果不想讓後面的事件處理程式執行,就在當前事件裡加這個方法,

就不執行後面的事件處理程式了。

5.event.preventdefault();(在ie低版本中用oevent.returnvalue=true)

//阻止事件的預設行為,比如阻止a的href鏈結。

JS事件物件event

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

js事件物件event

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

js 事件物件 event 事件委託

div.onclick function event event.target 火狐只有這個 event.srcelement ie只有這個 這兩chrome都有 可以用來事件委託 理用事件冒泡,和事件源物件進行處理 優點效能 不需要迴圈所有的元素乙個個繫結事件 靈活 當有新的子元素時不需要重新繫結...