📌  相关文章
📜  HTML | DOM onmouseenter 事件(1)

📅  最后修改于: 2023-12-03 14:41:48.407000             🧑  作者: Mango

HTML | DOM onmouseenter 事件

简介

onmouseenter 事件是DOM中的一个鼠标事件，与 onmouseover 事件类似。但是 onmouseenter 事件在鼠标进入对象时触发，而 onmouseover 事件在进入对象或进入其子元素时也会被触发。

语法

onmouseenter 事件的语法如下：

elementObject.onmouseenter=function(){code};
示例

以下示例演示了如何使用 onmouseenter 事件：

<!DOCTYPE html>
<html>
  <head>
    <script>
      function myFunction() {
        alert("鼠标进入了元素。");
      }
    </script>
  </head>
  <body>

    <p onmouseenter="myFunction()">鼠标进入这个元素。</p>

  </body>
</html>
属性

onmouseenter 事件对象还有三个属性：

  1. clientX：鼠标指针的水平坐标
  2. clientY：鼠标指针的垂直坐标
  3. relatedTarget：事件的相关元素
总结

onmouseenter 事件可以用于在鼠标进入对象时触发特定的代码，是 DOM 中很有用的一个鼠标事件。需要注意的是，它只在进入对象时触发，而不是在进入对象或其子元素时触发。