2015-04-03 123 views
0

我有一个用onmouseout函数编写的小图像式缩略图。onmouseout功能不能正常工作

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

使用功能chng定义为:

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

我的问题是,当我移动鼠标指针一点点它提醒!

我想要的仅仅是如果鼠标指针完全在div外的警报。

+1

是绝对没有AJAX和jQuery或PHP中,你发布的代码。 – Daan 2015-04-03 11:54:13

+0

使用mouseleave事件 – madalinivascu 2015-04-03 11:55:42

+0

可能重复的[div onmouseout不能按预期工作](http://stackoverflow.com/questions/9094071/div-onmouseout-does-not-work-as-expected) – Saty 2015-04-03 11:55:47

回答

0

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> 
+0

悬停会触发,当把你的鼠标放在div里面,但实际的问题在鼠标上。 – 2015-04-03 12:00:42

+0

检查第二个函数,“//在这里放置一些动作onMouseOut” – mrh 2015-04-03 12:03:00

+0

@Raj这就是为什么我希望我可以降低评论的原因。 – theonlygusti 2015-04-03 12:27:20

-1

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