10/10/2018, 10:34
giúp đỡ onmouseout javascript
Các bạn xem đoạn code sau , mình thực hiện onmouseout không được theo ý muốn
Mình muốn là chỉ khi rời chuột khỏi cái div lớn nhất (cái div bao 2 div con đó) thì mới thực hiện onmouseout , đằng này khi mình vừa rê chuột từ div 1 đến div 2 thì nó đã thực hiện onmouseout rồi ...
Ai bít giúp mình với
<div onmouseout="alert('hehe')">
<div style="width:200px;background:red;color:white;font-weight:bold;">div 1</div>
<div style="width:200px;background:blue;color:white;fon t-weight:bold;">div 2</div>
</div>
<div style="width:200px;background:red;color:white;font-weight:bold;">div 1</div>
<div style="width:200px;background:blue;color:white;fon t-weight:bold;">div 2</div>
</div>
Ai bít giúp mình với
Bài liên quan
<div id="bigdiv" style="border:1px solid #ddd"> <div id="subdiv1" style="width:200px;background:red;color:white;font-weight:bold;">div 1</div> <div id="subdiv2" style="width:200px;background:blue;color:white;fon t-weight:bold;">div 2</div> </div> <script type="text/javascript" charset="utf-8"> $('#bigdiv').mouseout(function(){ alert('out'); }); </script><div onmouseout="event.cancelBubble = true;">
<div id="subdiv1" style="width:200px;background:red;color:white;font-weight:bold;">div 1</div>
<div id="subdiv2" style="width:200px;background:blue;color:white;fon t-weight:bold;">div 2</div>
</div>
</div>
<script type="text/javascript" charset="utf-8"> $('#bigdiv').mouseout(function(){ alert('out'); }); </script>$(document).ready(function() {
$('#bigdiv').mouseout(function(){
alert('out');
});
});
function fixOnMouseOut(element, event) {
//alert(event.toElement);
//alert(event.relatedTarget);
if( event.toElement ) {
current_mouse_target = event.toElement;
}
else
{
if( event.relatedTarget )
{
current_mouse_target = event.relatedTarget;
}
}
if( current_mouse_target != null ) {
while( current_mouse_target.parentNode ) {
if( (current_mouse_target = current_mouse_target.parentNode) == element ) {
var zz=true;
}
}
}
else
{
var zz=false;
}
if( !zz && element != current_mouse_target ) {
//eval(JavaScript_code);
alert("re chuot ra");
}
}
</script>
<div onMouseOut="fixOnMouseOut(this, event);" style="width:200px">
<div style="width:200px;background:red;color:white;font-weight:bold;" >div 1</div>
<div style="width:200px;background:blue;color:white;fon t-weight:bold;">div 2</div>
</div>