鼠标悬停在触摸屏上答案

【问题标题】：mouseOver on touch screen鼠标悬停在触摸屏上
【发布时间】：2011-07-30 19:35:23
【问题描述】：

我想在 Javascript 中制作 mouseOver 或 hover 之类的命令。我希望当您将手指放在一个元素上时，该元素会更改属性（变暗），并且当您将手指拖到另一个元素上时，它会更改为原始状态，但我手指所在的元素当前会更改。如果有人知道我在说什么，请帮助我。

【问题讨论】：

我知道诀窍。 mouseOver 在考虑触摸时似乎很荒谬......但有时您需要检测手指何时“滑动”在元素上。对？在下面检查我的答案。这对我来说很容易，我只需要在我的活动前加上一个“v”......干杯。

【解决方案1】：

查看https://developer.mozilla.org/en/DOM/Touch_events，您可以知道触摸事件仍在开发中。但是最新的浏览器已经开始实现它们。

【讨论】：

【解决方案2】：

如果您找不到纯 CSS 的解决方案，您可以在文档中捕获 touchstart、touchmove 和 touchend 事件并通过检查 x,y 来处理 touchemove（在每次触发时）与您要突出显示的内容相对应，并适当地添加/删除突出显示类。

【讨论】：

【解决方案3】：

使用来自 JQuery 的 vMouseEvents。这就是工作。

【讨论】：

【解决方案4】：

JQuery mobile 的虚拟鼠标事件做得很好。

【讨论】：