2016-05-06 17 views
2

Ich habe ein Problem mit mouseover/mouseover Ereignis in Chrome - Version 50.0.2661.94 m.Das gleiche funktioniert gut in Mozilla.onmouseover-Ereignis in Chrom funktioniert nicht - php, Javascript

Voraussetzung: Beim Mouse-Over des Drop-Downs (Optionstag) muss ich die Beschreibung jeder Option anzeigen.

Code:

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

Erstens können Sie Ihre Frage aktualisieren, indem Sie den Code Einrücken von 4 Leerzeichen vor jeder Zeile, so kann es lesbar sein? Dann, wie triggern Sie diese Funktion? Fügen Sie diesen Teil auch hinzu ... Weil das Problem wahrscheinlich da ist. –

+0

Aufruf onmousemove = "getOptionDesc (this, event);" wähle Tag ... und es funktioniert in anderen Browsern –

+0

Ok ... Ich sehe den Unterschied. du redest über ... Und ich fand eine Antwort für dich hier: http://stackoverflow.com/questions/15038811/ie-and-chrome-dont-fire-a-mouseover-event-for-option-elements –

Antwort

0

warum Sie nicht versuchen, CSS hier?

idName a: Hover {color: # 000000; Hintergrund: #ffffff;}

+0

Ich habe versucht, es funktioniert nicht :(Control ist nicht einmal reingehen. –