2015-04-03 216 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>