Javascript 通过chrome切换设备工具栏模拟平板电脑上的悬停效果
嗨，我想看看平板电脑的悬停效果。我已经编写了以下代码。它可以在桌面上工作，但我并没有通过chrome切换设备工具栏在平板设备上看到悬停效果，。我看到点击的效果。我们不能通过切换设备工具栏看到悬停效果吗Javascript 通过chrome切换设备工具栏模拟平板电脑上的悬停效果,javascript,html,css,Javascript,Html,Css,嗨，我想看看平板电脑的悬停效果。我已经编写了以下代码。它可以在桌面上工作，但我并没有通过chrome切换设备工具栏在平板设备上看到悬停效果，。我看到点击的效果。我们不能通过切换设备工具栏看到悬停效果吗 <!DOCTYPE html> <html> <head> <style> p:hover, p.hover_effect { color: red; } .hover { -webkit-user-select: none; -webkit
<!DOCTYPE html>
<html>
<head>
<style>
p:hover, p.hover_effect {
color: red;
}
.hover {
-webkit-user-select: none;
-webkit-touch-callout: none;
}
</style>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
</head>
<body>
<p class="hover">Some Text</p>
<script>
$(document).ready(function() {
$('.hover').bind('touchstart touchend', function(e) {
e.preventDefault();
$(this).toggleClass('hover_effect');
});
});
</script>
</body>
</html>
悬停，悬停效应{
颜色：红色；
}
.悬停{
-webkit用户选择：无；
-webkit触摸标注：无；
}
一些文本
$（文档）.ready（函数（）{
$（'.hover'）.bind（'touchstart touchend'，函数（e）{
e、 预防默认值（）；
$（this.toggleClass（'hover_effect'）；
});
});
phover我看不到任何具有类
hover一些文本
$（文档）。准备好（函数（）{$（'.hover'）。绑定（'touchstart touchend'，function（e）{e.preventDefault（）；$（this）.toggleClass（'hover_effect'）；}）}）；请编辑您的原始答案。我认为触摸设备上没有悬停