Question

我在某些输入字段上有“鼠标悬停”事件。如果鼠标按钮关闭，则此事件不在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中不起作用，因为文本框被拖动了＃39;在浏览器中，如何突出显示文本并将其拖放到另一个文本字段中。

您可以使用css禁用此功能： user-drag：none ;和 user-select：none ;这解决了你的问题。

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

如果按钮关闭，Javascript“mouseover”不会被触发（Firefox）

1 个答案: