javaScript事件處理

文章目錄

1.窗體事件

2.鼠標(biāo)事件

3.鍵盤事件

5.常用事件方法（包括窗口事件，鼠標(biāo)事件，鍵盤事件，文本事件）

6.事件冒泡和事件捕捉

JS事件指再瀏覽器窗體或者HTML元素上發(fā)生的，樂意觸發(fā)JS代碼塊運(yùn)行的行為，下面，我們一起來(lái)看看相關(guān)事件。

1.窗體事件

例如 onload事件：當(dāng)頁(yè)面完全加載完成之后（包括圖像，js文件，css文件等）該事件就會(huì)被觸發(fā)。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

對(duì)此還有：

resize事件：當(dāng)調(diào)整瀏覽器的窗口到一個(gè)新的寬度或者高度時(shí)，就會(huì)觸發(fā)resize事件。

scroll事件：文檔或者瀏覽器窗口被滾動(dòng)期間會(huì)觸發(fā)scroll事件。

焦點(diǎn)事件：指元素對(duì)焦點(diǎn)的獲得與失去，如文本框選中或者取消選中。

2.鼠標(biāo)事件

例如當(dāng)鼠標(biāo)單擊左鍵，會(huì)發(fā)生onclick事件：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

注意：將html和body 的樣式表都設(shè)置為width: 100%，height: 100%，否則onclick無(wú)效。

3.鍵盤事件

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

5.常用事件方法（包括窗口事件，鼠標(biāo)事件，鍵盤事件，文本事件）

6.事件冒泡和事件捕捉

事件發(fā)生就會(huì)產(chǎn)生事件流，當(dāng)一個(gè)HTML元素產(chǎn)生一個(gè)事件時(shí)，該事件會(huì)在元素節(jié)點(diǎn)和根節(jié)點(diǎn)之間按特定的順序轉(zhuǎn)播，類似于遞和歸。事件觸發(fā)方式如下：addEventListener(“click”,“doSomething”,“ture”); 若第三個(gè)參數(shù)時(shí)ture是事件捕捉，若為false，則為事件冒泡，默認(rèn)是冒泡。

捕捉型事件傳播：

冒泡型事件傳播

JavaScript

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。