html滑鼠事件

2022-05-01 22:33:12 字數 1285 閱讀 8362

jsp滑鼠事件彙總

onclick 

單擊時觸發的事件,這個比較常用

ondblclick

雙擊時觸發的事件

onmoucedown

滑鼠按下時觸發的事件(個人覺得與onclick異曲同工)

onmouceover

滑鼠放在上面時時觸發的事件

onmouseup 

釋放按下的滑鼠時觸發的事件

onmouseout

移出滑鼠時觸發的事件

1

<

html

>

2<

head

>

3<

title

> mouseevent

title

>

4<

meta

charset

="utf-8"

>

5<

meta

name

="generator"

content

="editplus"

>

6<

meta

name

="author"

content

="">

7<

meta

name

="keywords"

content

="">

8<

meta

name

="description"

content

="">

9<

style

>

10#mouse

11style

>

12<

script

>

13function

mousedown()

16script

>

17head

>

1819

<

body

>

20<

center

>

21<

div

id="mouse"

onmouse onmouseup

="mousedown()"

>

22hello !

23div

>

24center

>

25body

>

26html

>

HTML中滑鼠滾輪事件onmousewheel

ie opera屬於同一型別,使用attachevent即可新增滾輪事件。ie註冊事件 if document.attachevent firefox使用addeventlistener新增滾輪事件 firefox註冊事件 if document.addeventlistener safari與ch...

訪問事件物件和 常用的滑鼠 鍵盤 html事件

ie 中得到事件物件 op.onclick function 標準dom中得到事件物件 op.onclick function oevent 為了相容不同的瀏覽器,通常採用下面的方法得到事件物件。op.onclick function oevent ie 標準dom 描述 altkey,shiftk...

滑鼠事件 跟隨滑鼠移動

案例分析 1.滑鼠不斷移動,使用滑鼠移動事件 mousemove 2.在頁面中不斷移動,給document註冊事件 3.要移動距離,而且不佔位置,我們使用絕對定位 效果 跟隨滑鼠的天使 title 6 style 7img 11style 12head 13 body 14 img src pic....