浏览器之间的鼠标事件光标差异

Question

我使用鼠标悬停来获取光标类型，当鼠标悬停时，我在 Chrome 和 Firefox 中得到不同的结果，由于某种原因，Chrome 中的光标样式是“自动”，而在 Firefox 中是“文本”。我需要知道光标在两个浏览器中什么时候是默认的，什么时候是自动的（因为它假设是在文本输入之上）或文本。 .

我在这里写了一个简单的代码来重现这个问题，在 Chrome 和 Firefox 上尝试一下，看看有什么不同（如果你想玩代码，这里是jsfiddle）。

提前谢谢:)

window.onmouseover=function(event) {
    var currentCursor = $(event.target).css('cursor'); 
    console.log(currentCursor);
    $('#pointer').html(currentCursor);
};

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<input type="text" width="100">
<p>Move the mouse in and out the input field</p>
<p id='pointer'></p>

Answer 1

Chrome 和 Firefox 可能对输入控件使用不同的默认表单。

如果您想确保可以设置自己的样式表并强制光标为文本类型输入的“文本”。

window.onmouseover=function(event) {
    var currentCursor = $(event.target).css('cursor'); 
    console.log(currentCursor);
    $('#pointer').html(currentCursor);
};

input[type="text"] {
  cursor:text
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<input type="text" width="100">
<p>Move the mouse in and out the input field</p>
<p id='pointer'></p>