Question

我在用onmouseout函数编写的div中有一个类似图像的小缩略图。

<div onmouseout="chng()">
    <!-- Image Here -->
</div>

将函数chng定义为：

function chng(){
  alert('Hi');
}

我的问题是，当我移动鼠标指针时，它会发出警报！

我想要的只是当鼠标指针完全在div之外时才会出现警告。

Answer 1

jQuery可以提供帮助：

<div id="my_div">image here</div>

<script>
$(function(){
    $("#my_div").hover(function(){
        // Put here some action for onMouseOver
    }, function(){
        // Put here some action for onMouseOut
    });
});
</script>

甚至：

<div id="my_div">image here</div>

<script>
$( "#my_div" ).mouseout(function() {
    // Put here some action for onMouseOut
});
</script>

Answer 2

＆＃13;

<html>
  <script language="javascript">
    function chng()
    {
        alert("mouseout");
     }
   </script>
  <body>
    <div onmouseout="chng()">
      //Image Here
      </div>
  </body>
 </html>

＆＃13;

onmouseout功能无法正常工作

2 个答案: