2016-05-06 34 views
2

我正面臨Chrome中的mouseover/mousemove事件問題 - 版本50.0.2661.94 m。同樣在Mozilla中工作正常。鉻中的onmouseover事件無法正常工作 - php,javascript

要求:在鼠標懸停下拉(選項標籤)時,我需要顯示每個選項的說明。

代碼:

HTML:

<td> 
    <select class="div_taskDesc" name="selectedindexid'+rowcounter+'" OnChange="SetDF(\''+rowcounter+'\');" onmousemove="getOptionDesc(this,event);"><?echo $Options_select;?> 
    </select> 
</td> 

的JavaScript:

function getOptionDesc(o, e) { 
    var selected=o.options[o.selectedIndex].text; 
    var selecteddesc=o.options[o.selectedIndex].label; 
    var x = e.clientX; 
    var y = e.clientY; 
    var coor = "Coordinates: (" + x + "," + y + ")"; 
    console.log(coor); 
    if (selected!=""){ 
     //Code to display description 
    } 
    else{ 
     //code to hide description 
    } 
} 
+0

首先,您可以通過更新在各行的前4位縮進你的代碼你的問題,所以它可以是可讀?那麼,你如何觸發這個功能?加上這部分...因爲問題可能在那裏。 –

+0

在onmousemove中調用它=「getOptionDesc(this,event);」選擇標記...並在其他瀏覽器中工作 –

+0

好的...我看到了區別。你在說...我在這裏找到了答案:http://stackoverflow.com/questions/15038811/ie-and-chrome-dont-fire-a-mouseover-event-for-option-elements –

回答

0

你爲什麼不試試這裏的CSS?

idname:懸停{COLOR:#000000;背景:#FFFFFF;}

+0

我試過了,它不工作:(控制不均勻進去。 –