Maison >interface Web >tutoriel HTML >fonction html onmousemove déclenchée lorsque le pointeur de la souris se déplace sur un élément

fonction html onmousemove déclenchée lorsque le pointeur de la souris se déplace sur un élément

黄舟
黄舟original
2017-11-06 11:09:353818parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn