例
移動通過鼠標指針時執行一個JavaScript <div>元素:
<div onmousemove="myFunction()">Move the cursor over me</div>
試一試» 更多"Try it Yourself"下面的例子。
定義和用法
所述的OnMouseMove事件當指針移動,而它是在一個元素上發生。
瀏覽器支持
事件 | |||||
---|---|---|---|---|---|
onmousemove | 是 | 是 | 是 | 是 | 是 |
句法
在HTML:
< 試一試»
在JavaScript:
object .onmousemove=function(){ 試一試»
注意: addEventListener()在Internet Explorer 8和更早版本不支持的方法。
技術細節
泡沫: | 是 |
---|---|
取消: | 是 |
事件類型: | 的MouseEvent |
支持的HTML標籤: | 所有的HTML元素,除了:<基數>,<BDO>,點擊<HEAD>,<HTML>,<IFRAME>,<META>,<param>的<SCRIPT>,<STYLE>和<title> |
DOM版本: | 2級事件 |
更多示例
例
這一實例說明的OnMouseMove,OnMouseEnter在鼠標懸停和事件之間的區別:
<div onmousemove="myMoveFunction()">
<p id="demo">I will
demonstrate onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
<p id="demo2">I will demonstrate onmouseenter!</p>
</div>
<div
onmouseover="myOverFunction()">
<p id="demo3">I will
demonstrate onmouseover!</p>
</div>
試一試» 例
這一實例說明的OnMouseMove,OnMouseLeave在之間和onmouseout事件的區別:
<div onmousemove="myMoveFunction()">
<p id="demo">I will
demonstrate onmousemove!</p>
</div>
<div
onmouseleave="myLeaveFunction()">
<p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div
onmouseout="myOutFunction()">
<p id="demo3">I will
demonstrate onmouseout!</p>
</div>
試一試» <事件對象