DOM事件物件

dom事件物件

div.onclick =  function(event)

小括號中的event就是事件物件

（1）事件物件是系統給我們自動建立的，我們只需要在小括號中宣告一下就可以了，並且可以自主命名，如event，evt，e都可以

（2）事件物件是和我們建立的事件相關的一系列資料的集合

比如滑鼠點選事件中，事件物件包含了滑鼠的相關資訊，如滑鼠的座標

常見的事件物件的屬性以及方法

（1）e.target  //返回觸發事件的物件

1

doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
meta 
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
6<
title
>document
title
>
7<
style
>
8.d1
13style
>
14head
>
15<
body
>
16<
div>
17<
button 
>this
button
>
18div
>
1920
<
script
>
21var
btn 
=document.queryselector(
"button");
22var
div 
=document.queryselector(
"div");
2324
btn.addeventlistener(
"click",
function
(e))
30script
>
31body
>
32html
>

（3）e.preventdedault()  //阻止預設行為，比如點選鏈結後不跳轉

1

doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
meta 
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
6<
title
>document
title
>
7head
>
8<
body
>
9<
a href
=""a>
1011
<
script
>
12vara =
document.queryselector("a
");13a.addeventlistener(
"click",
function
(e))
18script
>
19body
>
20html
>

DOM事件物件

觸發dom上的事件時會產生乙個事件物件event。event物件會傳入到事件處理程式中。一 dom 中的event物件的主要屬性和方法 1 屬性 type 被觸發事件的型別 currenttarget其事件處理程式當前正在處理事件的那個元素 target事件的目標 this currenttarge...

DOM事件物件的屬性

事件物件event的屬性 屬性 方法 型別 說明 bubbles 布林值，表示事件是否冒泡 cancelable 布林值，表示是否可以取消事件的預設行為 currenttarget 元素，當前事件處理程式所在的元素 defaultprevented 布林值，true表示以及呼叫preventdefa...

DOM 事件（鍵盤事件）

onkeydown 事件會在使用者按下乙個鍵盤按鍵時發生。onkeydown onkeypress onkeyup onkeydown事件在很多小遊戲上應用較多，比如需要控制上下左右的很多遊戲，如2048，貪吃蛇，俄羅斯方塊等等。keydown function bind this 然後就可以通過鍵...