>웹 프론트엔드 >HTML 튜토리얼 >마우스 포인터가 요소 위로 움직일 때 html 함수 onmousemove가 실행됩니다.

마우스 포인터가 요소 위로 움직일 때 html 함수 onmousemove가 실행됩니다.

黄舟
黄舟원래의
2017-11-06 11:09:353818검색

Example

마우스 포인터가 이미지 위로 이동할 때 JavaScript 섹션 실행:

<img onmousemove="bigImg(this)" src="smiley.gif" alt="Smiley">

Browser support


IE

Firefox

Chrome

Safari

Opera


전공 views 모든 브라우저는 onmousemove 속성을 지원합니다.

정의 및 사용법

onmousemove 속성은 마우스 포인터가 요소 위로 이동할 때 트리거됩니다.

Note: onmousemove 속성은 다음 요소에 적용되지 않습니다: dde6fb694e6711ae5e6f381704c04ae4, 71af07a0e88a1ac1ff73f855702ac153, 0c6dc11e160d3b678d68754cc175188a, 93f0f5c25f18dab9d176bd4f6de5d30e, 100db36a723c770d327fc0aef2ce13b1, d5ba1642137c3f32f4f4493ae923989c, , <script>, <style> 또는 <title>. </script>

HTML 4.01과 HTML5의 차이점

없음.

Syntax

<element onmousemove="script">

Property Value

Value Description
script onmousemove가 발생할 때 실행할 스크립트입니다.

마우스 포인터가 이미지 위로 이동할 때 JavaScript 조각을 실행합니다(이미지 확대):

<!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>


위 내용은 마우스 포인터가 요소 위로 움직일 때 html 함수 onmousemove가 실행됩니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.