HTML DOM MouseEvent
MouseEvent 對象
鼠標與 HTML 文檔交互時發生的事件屬于 MouseEvent 對象。
Mouse事件屬性和方法
屬性/方法 | 描述 |
---|---|
altKey | 返回觸發鼠標事件時是否按下了 "ALT" 鍵。 |
button | 返回觸發鼠標事件時按下的鼠標按鈕。 |
buttons | 返回觸發鼠標事件時按下的鼠標按鈕。 |
clientX | 返回觸發鼠標事件時,鼠標指針相對于當前窗口的水平坐標。 |
clientY | 返回觸發鼠標事件時,鼠標指針相對于當前窗口的垂直坐標。 |
ctrlKey | 返回按鍵鼠標事件時是否按下了 "CTRL" 鍵。 |
getModifierState() | 如果指定的鍵被激活,則返回 true。 |
metaKey | 返回事件觸發時是否按下了 "META" 鍵。 |
movementX | 返回相對于上一 mousemove 事件的位置的鼠標指針的水平坐標。 |
movementY | 返回相對于上一 mousemove 事件的位置的鼠標指針的垂直坐標。 |
offsetX | 返回鼠標指針相對于目標元素邊緣位置的水平坐標。 |
offsetY | 返回鼠標指針相對于目標元素邊緣位置的垂直坐標。 |
pageX | 返回觸發鼠標事件時鼠標指針相對于文檔的水平坐標。 |
pageY | 返回觸發鼠標事件時鼠標指針相對于文檔的垂直坐標。 |
region | |
relatedTarget | 返回與觸發鼠標事件的元素相關的元素。 |
screenX | 返回觸發事件時鼠標指針相對于屏幕的水平坐標。 |
screenY | 返回觸發事件時鼠標指針相對于屏幕的垂直坐標。 |
shiftKey | 返回事件觸發時是否按下了 "SHIFT" 鍵。 |
which | 返回觸發鼠標事件時按下的鼠標按鈕。 |
事件類型
這些事件類型屬于 MouseEvent 對象:
事件 | 描述 |
---|---|
onclick | 當用戶單擊元素時發生此事件。 |
oncontextmenu | 當用戶右鍵單擊某個元素以打開上下文菜單時,發生此事件。 |
ondblclick | 當用戶雙擊元素時發生此事件。 |
onmousedown | 當用戶在元素上按下鼠標按鈕時,發生此事件。 |
onmouseenter | 當指針移動到元素上時,發生此事件。 |
onmouseleave | 當指針從元素上移出時,發生此事件。 |
onmousemove | 當指針在元素上方移動時,發生此事件。 |
onmouseout | 當用戶將鼠標指針移出元素或其中的子元素時,發生此事件。 |
onmouseover | 當指針移動到元素或其中的子元素上時,發生此事件。 |
onmouseup | 當用戶在元素上釋放鼠標按鈕時,發生此事件。 |