HTML onmousemove 事件属性

HTML 事件属性 HTML 事件属性

当鼠标指针移动到指定图片时运行脚本:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script>
    function bigImg(x) {
      x.style.height = "64px";
      x.style.width = "64px";
    }

    function normalImg(x) {
      x.style.height = "32px";
      x.style.width = "32px";
    }
  </script>
</head>
<body>

  <img onmousemove="bigImg(this)" onmouseout="normalImg(this)" border="0" src="/examples/smiley.gif" alt="Smiley" width="32" height="32">

  <p>当用户将鼠标移动到图片时触发 bigImg() 函数。该函数使图片变大。</p>
  <p>当用户将鼠标移开时触发normalImg() 函数。该函数使图片变回原来大写。</p>

</body>
</html>

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 onmousemove 事件属性

定义和用法

onmousemove 属性在鼠标指针移动到元素时触发。

注意： onmousemove 属性不能使用于以下元素: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 或<title>。

HTML 4.01 与 HTML5之间的差异

无。

语法

<element onmousemove="script">

属性值

值 描述
script 规定该onmousemove事件触发时执行的脚本。
HTML 事件属性 HTML 事件属性