onmousemove 事件
定义和用法
onmousemove 事件当指针在元素上移动时发生 。
实例
例子 1
将鼠标指针移到
元素上时执行 JavaScript:
<div onmousemove="myFunction()">Move the cursor over me</div>
例子 2
مثال 2
این مثال تفاوت بین رویدادهای onmousemove، onmouseleave و onmouseout را نشان میدهد: <div onmousemove="myMoveFunction()"> <p id="demo3">من اینجا به نمایش در میآورم!</p> این مثال تفاوت بین رویدادهای onmousemove، onmouseenter و mouseover را نشان میدهد: <div onmouseenter="myEnterFunction()"> <p id="demo3">من اینجا به نمایش در میآورم!</p> <p id="demo2">من اینجا به نمایش در میآورم!</p> <div onmouseover="myOverFunction()"> <p id="demo3">من اینجا به نمایش در میآورم!</p>
<p id="demo3">من اینجا به نمایش در میآورم!</p>
مثال 3
این مثال تفاوت بین رویدادهای onmousemove، onmouseleave و onmouseout را نشان میدهد: <div onmousemove="myMoveFunction()"> <p id="demo3">من اینجا به نمایش در میآورم!</p> <p id="demo">من اینجا به نمایش در میآورم!</p> <div onmouseleave="myLeaveFunction()"> <p id="demo3">من اینجا به نمایش در میآورم!</p> <p id="demo2">من اینجا به نمایش در میآورم!</p> <div onmouseout="myOutFunction()"> <p id="demo3">من اینجا به نمایش در میآورم!</p>
</div>
نحوهی نوشتن
در HTML:< elementmyScriptonmousemove="
">
در JavaScript، از روش addEventListener() استفاده کنید:در JavaScript:myScript.onmousemove = function(){
};
در JavaScript، از روش addEventListener() استفاده کنید:.addEventListener("mousemove", myScript);
توضیحات:اینترنت اکسپلورر 8 یا نسخههای پیشین آن از آن پشتیبانی نمیکند روش addEventListener().
جزئیات فنی
تقاطع: | 支持 |
---|---|
قابل لغو: | 支持 |
نوع رویداد: | MouseEvent |
برچسبهای HTML پشتیبانی شده: | تمام عناصر HTML، به استثنای:<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> و <title> |
DOM 版本: | Level 2 Events |
浏览器支持
事件 | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
onmousemove | 支持 | 支持 | 支持 | 支持 | 支持 |