Maison >interface Web >tutoriel HTML >fonction html onmousemove déclenchée lorsque le pointeur de la souris se déplace sur un élément
Instance
Exécuter un morceau de JavaScript lorsque le pointeur de la souris se déplace sur l'image :
<img onmousemove="bigImg(this)" src="smiley.gif" alt="Smiley">
Prise en charge du navigateur
IE
Firefox
Chrome
Safari
Opéra
Tous Tous les principaux navigateurs prennent en charge l'attribut onmousemove.
Définition et utilisation
L'attribut onmousemove est déclenché lorsque le pointeur de la souris se déplace sur un élément.
Remarque : L'attribut onmousemove ne s'applique pas aux éléments suivants : dde6fb694e6711ae5e6f381704c04ae4, 71af07a0e88a1ac1ff73f855702ac153, 0c6dc11e160d3b678d68754cc175188a, 93f0f5c25f18dab9d176bd4f6de5d30e, 100db36a723c770d327fc0aef2ce13b1, d5ba1642137c3f32f4f4493ae923989c , e8e496c15ba93d81f6ea4fe5f55a2244, 0c68fef83818661b6da588c77ca3985e, 3f1c4e4b6b16bbbd69b2ee476dc4f83a, c9ccee2e6ea535a969eb3f532ad9fe89
Différences entre HTML 4.01 et HTML5
Aucune.
Syntaxe
<element onmousemove="script">
Valeur d'attribut
值 | 描述 |
script | onmousemove 发生时运行的脚本。 |
Exemple
Exécuter un morceau de JavaScript lorsque le pointeur de la souris se déplace sur l'image (faire en sorte que le image zoomée) :
<!DOCTYPE html> <html> <head> <script> function bigImg(x) { x.style.height="180px"; x.style.width="180px"; } function normalImg(x) { x.style.height="128px"; x.style.width="128px"; } </script> </head> <body> <img onmousemove="bigImg(this)" onmouseout="normalImg(this)" border="0" src="/i/eg_smile.gif" alt="Smiley" > <p>函数 bigImg() 在鼠标指针移动到图像上时触发。此函数放大图像。</p> <p>函数 normalImg() 在鼠标指针移出图像时触发。此函数把图像的高度和宽度重置为正常尺寸。</p> </body> </html>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!