DOM事件練習 II

2022-06-01 21:18:13 字數 1117 閱讀 2066

1237

89請選擇省份

1011

12請選擇市

1314

1535

select框聯動

1

2320

2122

2324​25

2627

統計29

3078

1

2311

12按鈕1

13按鈕2

14按鈕3

15按鈕4

16按鈕5

171840

41 滑鼠懸停時,current欄變色,這裡用到了排他思想:先把所有按鈕的classname置空,然後把(this

)按鈕的classname設定為current,達到變色的效果。核心**:

4243

//排他思想:先把所有按鈕的classname設定為空,然後把我(this)這個按鈕的classname設定為current

44//

排他思想和for迴圈連用

45for(var j=0;j)

48this.classname = "current";

使用js模擬hover效果

1

2319

2021

26首頁內容

27新聞內容

2829

303154

tab選項卡

1

2318

1920

我的購物車

2122

232437

購物車點選顯現簡易實現

1237

89春天在**呀,春天在**,春天在那小朋友的眼睛裡

1011

1221

字型隨機改變顏色

1

2315

1617180

19020:

210220

23:240

2502627

28開始

29停止

30重置

313233​

343575

模擬計時器

DOM 事件(鍵盤事件)

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

Dom事件鍵盤事件

dom0級事件元素繫結多個 click 最後只執行最後乙個 click dom2級事件元素繫結多個 click 都要執行 注意當繫結的多個事件名,函式名,事件發生階段三者完全一樣時,才執行最後乙個 div.addeventlistener click fn1,false div.addeventli...

Dom事件鍵盤事件

dom0級事件元素繫結多個 click 最後只執行最後乙個 click dom2級事件元素繫結多個 click 都要執行 注意當繫結的多個事件名,函式名,事件發生階段三者完全一樣時,才執行最後乙個 div.addeventlistener click fn1,false div.addeventli...