Javascript "mouseover" nicht ausgelöst, wenn die Taste gedrückt ist (Firefox)

Question

Ich habe ein "mouseover" -Ereignis auf einigen Eingabefeldern. Dieses Ereignis ist nicht gefeuert auf Firefox, wenn eine Maustaste gedrückt ist. Ist es ein Fehler? (Ich benutze Firefox 50.1.0).

$(function() { 
 
    $('#container').on('mouseover','.myclass', tdMouseover);  
 
}); 
 
    
 
    
 
function tdMouseover(e) { 
 
    console.log("mouseover"); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="container"> 
 

 
    <input id='editableDiv1' class="myclass"></input> 
 
    <input id='editableDiv2' class="myclass"></input> 
 
    <input id='editableDiv3' class="myclass"></input> 
 
    <input id='editableDiv4' class="myclass"></input> 
 
</div>

Answer 1

Die Lösung wird hier vorgeschlagen Firefox: mouseover doesn't work while mouse button is pressed

Es funktioniert nicht in Firefox, weil die Textbox im Browser 'gezogen' werden, wie, wie Sie Text hervorheben und ziehen Sie es in ein anderes Textfeld.

Sie können diese Funktion mit css deaktivieren: user-drag: keine; und Benutzer auswählen: keine; Das behebt Ihr Problem.

$(function() { 
 
    $('#container').on('mouseover','.myclass', tdMouseover);  
 
}); 
 
    
 
    
 
function tdMouseover(e) { 
 
    console.log("mouseover"); 
 
}

input{ 
 
    user-drag: none; 
 
user-select: none; 
 
-moz-user-select: none; 
 
-webkit-user-drag: none; 
 
-webkit-user-select: none; 
 
-ms-user-select: none; 
 
    
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="container"> 
 

 
    <input id='editableDiv1' class="myclass"></input> 
 
    <input id='editableDiv2' class="myclass"></input> 
 
    <input id='editableDiv3' class="myclass"></input> 
 
    <input id='editableDiv4' class="myclass"></input> 
 
</div>