鼠標懸停，mouseOut事件在IE

喜不燒我有以下的HTML佈局鼠標懸停，mouseOut事件在IE

<div id="stripe_container" style="top: 0px; border: 1px solid rgb(235, 116, 41); 
background: none repeat scroll 0% 0% rgb(243, 232, 151); position: fixed; height: 30px; 
width: 100%; left: 0px; z-index: 99999999; font-size: 14px; font-family: Verdana; 
cursor: pointer;" class=""> 
    <div id="stripe_rollover" style="height: 30px; background-color: transparent; z-index: 
    99999999; left: 0px; width: 97%; position: fixed;"></div> 
    <div id="stripe_text_left" style="margin-top: 5px; margin-left: 15px; color: black; 
    float: left;">Text Test</div> 
    <div id="stripe_text_right" style="top: 4px; right: 40px; cursor: pointer; position: 
    absolute; float: right;">Mouseover</div>

下面

是我的js代碼

<script> 
    var x; 
stripe_rollover.onmouseover=function(){ 
    x=document.createElement('div'); 
    x.style.height='30px'; 
    x.style.width='40px'; 
    x.style.backgroundColor='#000000'; 
    var stripe_container=document.getElementById('stripe_container'); 
    stripe_container.parentNode.insertBefore(x,stripe_container.nextSibling);

}

stripe_rollover.onmouseout=function(){ 
    x.parentNode.removeChild(x); 
}

Iam面臨IE瀏覽器中的一個問題。 IE 8,9甚至10。當我鼠標懸停剝離div，mouseover事件被解僱，但當光標移動鼠標懸停文本事件不會被解僱。

來源

2013-11-21 nyfer

u能爲同一創建的jsfiddle？ –

@Murali http://jsfiddle.net/xxY6b/ – nyfer

這將解決你的問題（Example）

function mouseOver_handler(){ 
    // ... 
} 

function mouseOut_handler(){ 
    // ... 
} 

stripe_rollover.onmouseover = mouseOver_handler; 
stripe_text_left.onmouseover = mouseOver_handler 
stripe_text_right.onmouseover = mouseOver_handler; 

stripe_rollover.onmouseout = mouseOut_handler; 
stripe_text_left.onmouseout = mouseOut_handler 
stripe_text_right.onmouseout = mouseOut_handler;

來源

2013-11-21 18:01:14

但stripe_rollover div覆蓋stripe_text_left和stripe_text_right 所以y shud添加一個處理程序給他們。它在FF中如何工作，chrome – nyfer

所有瀏覽器都不能以相同的方式工作。 –

鼠標懸停，mouseOut事件在IE

回答

相關問題