자바 스크립트 "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

텍스트 상자가 브라우저에서 '드래그'되고 있기 때문에 그것은 파이어 폭스에서 작동하지 않습니다, 당신은 텍스트를 강조 할 수있는 방법처럼 여기 제안 그것을 다른 텍스트 필드로 드래그 앤 드롭하십시오.

사용자는 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>