ボタンが押されているとJavascript "mouseover"が起動しない（Firefox）

Question

一部の入力フィールドに「mouseover」イベントがあります。マウスボタンが押されている場合、このイベントはであり、Firefoxではが発生しません。バグですか？ （私は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

ソリューションは Firefox: mouseover doesn't work while mouse button is pressed

テキストボックスがブラウザに「ドラッグ」されているので、それがFirefoxで動作していない、あなたがテキストをハイライト表示することができますどのようにここで提案されましたそれを別のテキストフィールドにドラッグアンドドロップします。

この機能を無効にするには、css：user-drag：none;およびユーザ選択：なし;あなたの問題を解決します。

$(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>