> 웹 프론트엔드 > CSS 튜토리얼 > OnMouseOver (HTML 요소)

OnMouseOver (HTML 요소)

Jennifer Aniston
풀어 주다: 2025-02-27 10:45:10
원래의
759명이 탐색했습니다.

html 속성은 마우스 커서가 요소 위로 움직일 때 JavaScript 함수를 트리거합니다. 와 달리 onmouseover 내에서 움직임을 추적하는 요소는 onmousemove가 커서가 요소의 경계에 들어가면 한 번만 발사됩니다. 효과는 커서가 떠날 때까지 지속됩니다 (에 의해 감지). 일반적인 용도에는 이미지 스왑 또는 하이라이트와 같은 시각적 변경이 포함됩니다. 그러나이 속성은 , , , onmouseover, , , onmouseout, <applet></applet>, <base>를 포함하여 여러 HTML 요소에 의해 지원되지 않는다는 점에 주목하는 것이 중요합니다. 예 : 이미지 스왑 <basefont> 이 예제는 호버링시 간단한 이미지 스왑을 보여줍니다 <bdo></bdo> <br> 속성 값 <font></font> <frame> 속성의 값은 JavaScript 표현식입니다. 이것은 함수 호출, 일련의 JavaScript 문 또는 간단한 경고 일 수 있습니다. <frameset></frameset> 브라우저 호환성 모든 주요 브라우저는 <iframe></iframe>를 지원합니다. 그러나 인라인 이벤트 핸들러를 사용하는 것은 일반적으로 권장되지 않습니다. 모범 사례는 DOM을 통해 이벤트를 첨부하는 눈에 띄지 않는 JavaScript 기술을 사용하여 HTML에서 JavaScript 논리를 분리하는 것입니다. <isindex> 자주 묻는 질문 (faqs) <meta> 이 섹션에서는 <param> 이벤트에 대한 일반적인 질문을 다룹니다 <script></script> <style></style> <title></title> 이벤트 란 무엇입니까?

마우스 커서가 HTML 요소에 들어갈 때 동작을 트리거하는 JavaScript 이벤트입니다.

. 사용 방법 ?

속성을 ​​요소에 추가하고 실행할 JavaScript 함수 또는 코드를 할당합니다.

<div>
  <img src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/article/000/000/000/174062431250080.gif"  class="lazy" alt="onmouseover (HTML element) " /> Figures for February's racing.
</div>
로그인 후 복사
어떤 요소를 지원하는지 ?

대부분의 HTML 요소는 위에 나열된 요소를 제외하고이를 지원합니다.

? onmouseover

의 차이, 출구시 . 다중

events? onmouseover 요소 당 하나의

만 허용되지만 javaScript 코드 내에 여러 조치가 포함될 수 있습니다.

중지

?

속성을 ​​제거하거나 값을 onmouseover로 설정하거나 .

    모든 주요 브라우저에서 널리 지원되는 브라우저 지원?
  • 모바일 장치 지원? 터치 장치에는 이상적이지 않습니다. 대신 터치 이벤트를 고려하십시오.

    디버깅?
  • 브라우저 개발자 도구를 사용하십시오
  • 다른 이벤트와 결합? 가능하지만 사용자 경험을 신중하게 고려해야합니다.

위 내용은 OnMouseOver (HTML 요소)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿