Question

我目前正在开发一个网站，希望用户将鼠标悬停在某个项目上时可以执行操作。

到目前为止，此代码可在Chrome和Firefox中使用，但不适用于macOS的Safari。

在搜索此问题时，所有结果都提到iOS Safari无法检测到onMouseOver事件。我了解这一点，因为您触摸时无法悬停。但是，在桌面端（macOS），我希望它能正常工作。目前，仅当用户单击onMouseHover时才执行。这就是我期望的onClick事件。

我如何将onHover代码与macOS Safari配合使用？

以下是我的代码示例：

<div onMouseOver="myFunc(this)">
    <!-- Other HTML code here -->
</div>
</body>
<script>
    function myFunc(element){
      //Do stuff
    }
</script>

编辑：

不知道为什么，但是10分钟后，完全相同的代码无需刷新即可工作。似乎Safari出了问题。

Answer 1

使用小写字母：

// change this
<div onMouseOver="myFunc(this)">
// to this
<div onmouseover="myFunc(this)">

JavaScript onMouseOver可以在Chrome上使用，但不能在Desktop Safari上使用

1 个答案: