如何使用支持触摸的设备激活链接上的悬停？
使用支持触摸的设备激活链接上的悬停可以通过以下步骤实现：
- 首先，确保你的设备支持触摸操作，并且操作系统和浏览器都是最新版本。
- 在HTML中，使用
<a>标签创建链接，并在href属性中指定目标链接的URL。 - 为了在触摸设备上激活链接上的悬停效果，可以使用CSS的
:hover伪类选择器。通过为链接元素添加CSS样式，可以在触摸设备上模拟鼠标悬停效果。 - 例如，可以为链接元素添加一个类名，如
hoverable-link，然后在CSS中定义该类的悬停样式： - 例如，可以为链接元素添加一个类名，如
hoverable-link，然后在CSS中定义该类的悬停样式： - 这样，在触摸设备上触摸链接时，会应用悬停样式。
- 为了更好地适应不同的设备和屏幕尺寸，可以使用响应式设计技术，如CSS媒体查询，来为不同的设备提供不同的样式。
- 例如，可以使用以下CSS媒体查询来定义触摸设备上链接的悬停样式：
- 例如，可以使用以下CSS媒体查询来定义触摸设备上链接的悬停样式：
- 这样，只有支持触摸和指针设备的浏览器才会应用悬停样式。
- 在应用场景中，支持触摸设备上的链接悬停效果可以提升用户体验，使用户能够更直观地感知链接的可点击性。这在移动设备上特别有用，因为触摸操作是主要的交互方式。
- 例如，在一个移动应用的导航菜单中，通过为每个菜单项添加悬停效果，可以让用户在触摸设备上更容易选择所需的菜单项。
- 腾讯云相关产品和产品介绍链接地址：暂无相关产品和链接地址。
请注意，以上答案仅供参考，具体实现方式可能因设备、浏览器和需求而异。
相关·内容
1回答
触摸终端时禁用css悬停
、、、、
在纯JavaScript中，当用户的触摸结束在可触摸设备中时，如何禁用( div或btn ...etc)的悬停效果？
我有一些锚和按钮，对悬停的影响，但在触摸设备上，触摸的效果仍然可见，即使用户把他的手指从屏幕上。
我不想让触控装置上的悬停效果完全消失.但我想要的是停止接触元素后的悬停。
我试着用touchend在JavaScript上玩，但是它不起作用。
有人能帮忙吗？
浏览 11提问于2022-10-06得票数 0
3回答
当鼠标移动到<ul>标签区域时，我会降低<ul>的不透明度，然后为用户所在的<li>设置完全不透明度。
就像这个例子：
现在，问题是在平板电脑和手机上，因为在触摸设备上我们没有悬停事件，用户应该在<li>上单击(触摸)，所以所有其他<li>都会降低透明度，用户无法取消<li>的选择(取消悬停)，因此他们应该刷新页面。
我该如何解决这个问题？
浏览 2提问于2014-01-21得票数 1
回答已采纳
1回答
我正在创建一个网站，并在我的主页上使用悬停效果来显示部分名称。但是，当我调整屏幕大小以查看小设备视图时，悬停效果显然不起作用。如何保持此效果处于激活状态？如果可能的话，使用CSS @media。谢谢。
这是代码。
浏览 1提问于2015-06-23得票数 0
2回答
我的网站使用的是纯CSS3下拉菜单。问题是，当网站在触摸屏设备上查看时，一些带有悬停属性的菜单项不会自动下拉。
我如何才能将其更改为，如果菜单项有悬停下拉菜单，在触摸屏设备中，您必须触摸它，然后菜单将下拉到我们的PC中的其他位置，它仍将保持悬停效果。
仅仅使用CSS就可以做到吗？
浏览 1提问于2013-04-22得票数 3
2回答
如何使李:悬停正确地工作在移动设备上？
在iphone上，它甚至不打开，在android上，它在触摸后不关闭:S
我希望创建一个自定义下拉菜单，我需要javascript从单击的li获取信息。
<!DOCTYPE html>
<title>li:hover dropdown menu on mobile devices</title>
<style>
li ul{display:none}
li:hover ul{display:block}
</style>
<ul>
<li><div id=div
浏览 4提问于2013-09-19得票数 1
回答已采纳
2回答
防止:在iOS中悬停触摸
、、、、
我有一个菜单，当它悬停在上面时，需要弹出(当光标移到外部时，它会折叠)。然而，在触摸设备上，我希望它在“点击”时展开和折叠，因为悬停事件并不是很有用。
为此，我使用了:hover选择器和一个应用于触摸事件的备份.clicked类。touchstart处理程序切换.clicked类并使用preventDefault阻止默认操作(设置:hover标志)。
它在Chrome的移动模拟器中运行得很好，但在我的iPhone上，菜单最终都有两个:hover和.clicked。为什么会发生这种情况？
这里有一个小把戏：
// html
<div class="test">
<
浏览 3提问于2015-10-20得票数 0
在移动设备上使用Firefox时，触摸元素会触发:hover伪类。但是，当在响应式设计模式下使用火狐时，如果触控模拟处于活动状态，则不会通过在元素上单击鼠标按钮来触发:hover。如果我关闭了触摸模拟，那么将鼠标悬停在元素上当然会激活:hover，但是触摸模拟的目的不是将鼠标输入转换为相应的触摸事件吗？如果触摸移动浏览器上的元素会激活:hover，那么在触摸模拟中单击鼠标也会触发:hover
-查看PC火狐和移动火狐的不同之处。
是我做错了什么，还是Firefox RDM或我对Touch Simulation的理解有缺陷？
浏览 17提问于2021-05-19得票数 2
回答已采纳
1回答
在我的Rails站点中，我有一个元素，当鼠标单击(例如在桌面上)时，我想充当链接，但在触摸屏设备上(因为也有悬停行为)，我不想充当链接。
我的理解是，JQuery .click事件不应该在触摸时触发。
设置单击处理程序的coffeescript很简单
...
$(this).click ->
location.href = url
...
(其中"this“是讨论中的元素)
我知道这段代码可以工作，因为单击操作适用于鼠标。为了确保它不会在触摸设备上触发，我使用Chrome开发工具中的设备仿真来模拟触摸。但是，当我这样做时，该方法仍然会触发并遵循链接。
这是Ch
浏览 2提问于2015-01-23得票数 0
回答已采纳
1回答
在移动设备上，具有悬停类的元素在用户点击them.So时会激活，它们的行为类似于活动类元素。那么，对于触摸屏设备，这些类之间有什么区别呢？他们有什么不同吗？如果是，那么如何使用，如果不是，那么应该使用哪一种？
浏览 1提问于2018-05-23得票数 0
回答已采纳
3回答
当我下来触摸设备，我不想要悬停的行为。是否有可能同时禁用整个网站的所有悬停效果？
考虑到您使用现代派来检测、触摸和设置类。
这就是我想出来的，但它给出了很多不一致的地方：
html.touch *:hover {
color: inherit !important;
background: inherit !important;
}
有什么方法可以用纯CSS来实现吗？如果没有，如何使用javascript来完成呢？
浏览 11提问于2015-01-20得票数 13
回答已采纳
我正在寻找一种方法，以防止触摸设备“模拟”悬停事件。原因是您不能在触摸设备上悬停，就像在带有光标的桌面上那样，这有时会影响用户体验。
因为我没有在网上找到任何解决方案，所以我想我会在这里发布自己的解决方案。我希望这对某人有帮助:)
浏览 1提问于2019-04-26得票数 3
回答已采纳
1回答
为客户开发一个新网站，并遇到了一个与触摸设备有关的主要问题。
悬停下拉菜单在基于鼠标的系统上工作得很好，但在触摸时，单击会将您直接带到父页面，而不会显示下拉菜单。我想知道怎么解决这个问题。
提前感谢各位！
网址: www.weareeternity.com
浏览 1提问于2014-12-17得票数 2
2回答
这个是可能的吗？除非将我所有的悬停样式转换为mouseover侦听器，否则可以阻止触摸设备触发CSS悬停状态吗？
我有一个必须同时适用于触摸和指针输入的应用程序，它工作得很好，但是在悬停上应用的某些样式在触摸设备上就没有意义了，因为它们倾向于在用户点击对象之后无限期地保持悬停状态。
需要考虑的事项：
对我来说，设备宽度与启用触摸的设备无关，我们在这里使用的触摸屏是桌面大小的显示器。
我不想强迫用户通过触摸多输入设备输入。
浏览 3提问于2013-07-01得票数 5
5回答
CSS悬停在触摸屏设备上不可忽略
、、、、
我已经附加了一个带有html按钮的div：
$('.nav').append('<button class="restart">Restart</button>');
该按钮具有悬停的css属性。我的问题是，当点击触摸屏设备上的按钮时，按钮保持悬停状态，直到另一个元素被点击。
在使用触摸屏设备浏览时，是否可以忽略hover属性？
浏览 1提问于2012-12-18得票数 7
回答已采纳
1回答
我正在开发一个CSS框架，它尽可能地依赖于简单、最小和纯CSS。我想要的是在悬停时打开某些东西，但是我不确定如何在移动设备上只使用CSS来实现这一点。
在之前检查了之后，我确认了我部分知道的事实:某些移动浏览器和设备在单击元素时将使用:hover伪类，这将允许我以我想要的方式打开下拉列表。其他人说:active也能工作。
我在一条规则中同时使用:focus来覆盖尽可能多的环境和情况，但我不确定这在许多设备上都能很好地工作。所以我的问题是：
有什么方法可以确保基于悬停的下拉组件能够跨设备工作吗？
我是否可以使用特定于浏览器或类似的伪类或属性来确保大多数设备都被覆盖？
是否有关于触摸屏
浏览 2提问于2016-09-05得票数 3
回答已采纳
我在将Bootstrap工具提示集成到触摸设备上的button元素时遇到了一些问题。使用下面的代码，在桌面布局上，当我将鼠标悬停在按钮上时，它将正确地显示工具提示。如果我单击该按钮，它将调用链接到该按钮的JavaScript (或href链接)。然而，在触摸设备上，由于没有悬停操作，当我单击按钮时，首先会调用工具提示，然后我必须再次单击它才能调用该操作。我该如何解决这个问题？
<button class="btn btn-mini btn-want" data-title="Buy" data-url="/buy/c66860de7d6d10000
浏览 0提问于2012-11-21得票数 0
我正在用jQueryMobile在phonegap中开发一个应用程序，只用于移动设备。其中我有搜索图标。我想给该图标悬停效果时，用户触摸它。
我已经通过css实现了这一点：
<a href="search.html" class="custom_header" >
.custom_header:hover {
background:url('../images/effect_glow.png') no-repeat center;
现在的问题是，这种悬停效果在触摸后仍然存在。我想要像mousein和mouse
浏览 0提问于2013-05-29得票数 4
回答已采纳
2回答
检测悬停功能
、、、、
:hover CSS伪类在触摸设备上不能很好地工作。悬停状态往往会一直保持下去，直到触摸到其他东西。因此，在我们的web应用程序中，我们使用Modernizr来检测具有触摸功能的浏览器/设备，并在这些情况下禁用悬停状态：
.无接触.button:hover { ... }
这在既支持触摸屏又支持指针设备(如鼠标或触摸板)的混合设备上成为一个问题。Modernizr检测到它启用了触摸，并且在使用鼠标时，所有悬停状态都不起作用。
更有用的是检测鼠标或其他指针设备的存在，而不是触摸屏。但是我找不到任何这样的东西。
有什么建议吗？
浏览 1提问于2015-09-17得票数 9
2回答
我正在使用d3.js做一个力有向图。我需要处理移动设备节点上的点击和双击事件。鼠标悬停和点击功能需要在d3.js中复制为轻击和双击。我已经设法让一个触摸事件工作，但对如何在移动设备中捕获双击事件一无所知。
浏览 4提问于2012-08-10得票数 13
回答已采纳
使用桌面上的鼠标，您知道移动光标将悬停，单击将单击。在移动设备上，情况并非如此。不同的设备会以不同的方式对待悬停。例如，给定以下基本HTML
<div id="block">
<div class="default">Block</div>
<div class="overlay">Overlay'd!</div>
<div class="click">Click'd!</div>
</div>
浏览 4提问于2014-03-13得票数 0
1回答
在触摸设备上翻转
、、、
我的团队正在使用Edge和JavaScript开发一个HTML5 web应用程序。我们也需要支持触摸设备，但我们遇到了一个问题：
我们如何在触控设备上模拟翻转或鼠标悬停事件？
任何想法都是受欢迎的，不一定是代码示例。
浏览 0提问于2011-10-21得票数 0
3回答
我使用以下代码来检测该设备是否为触摸式设备：
var isTouchDevice = 'ontouchstart' in window || navigator.msMaxTouchPoints;
if(isTouchDevice)
{
$('body').addClass('yes-touch');
}
else
{
$('body').addClass('no-touch');
}
我使用它只在不是触摸设备时显示:hover状态(因为大多数触摸设备将轻击解释为悬停)。
.no-touch .e
浏览 1提问于2015-02-19得票数 1
1回答
下面的问题是关于我正在建设的一个网站。
当鼠标悬停在导航栏上时，导航栏上的一个主要类别会显示一组子类别(内部页面链接)。为了实现这一点，我只需在我的CSS代码中使用“悬停”命令。问题是，当我的站点在触摸屏设备上被查看时，我可以通过单击“悬停”元素(这是我想要的)来切换打开子类别，但是我不能通过单击“悬停”元素来关闭子类别。一旦它们在触摸屏设备(IPhone6s Plus)上被打开，除非我刷新页面，否则它们就会被卡住。
我的问题是：是否有一种方法可以在非触摸屏设备上保持鼠标悬停功能，同时允许触摸屏用户通过单击它来切换元素？
我知道如何编写Javascript (使用onclick)，通过单击切换
浏览 2提问于2016-05-13得票数 0
1回答
移动触摸菜单
、、、
我想做一个菜单项：
显示一个下拉子菜单，当项目是悬停(使用鼠标)或触摸(使用触摸屏)。
允许您单击子菜单中的链接，而子菜单是可见的。
关闭子菜单(不单击链接)，如果您将鼠标移到子菜单外(使用鼠标)或触摸子菜单之外的任何位置(使用触摸屏)。
下面是我的HTML片段(包含在HTML5 <body>元素中)：
<div class="menuitem">
Drop-down menu item
<br />
<ul class="submenu">
<li><a
浏览 0提问于2014-07-06得票数 12
单击iphone或ipad上的链接后，它会留下一个模拟鼠标悬停，触发该链接上的a:hover css样式。如果链接具有使您保持在同一页上的javascript处理程序，则在单击另一个链接之前，悬停状态不会更改。
如果您有一个ajax小部件来提问，并且每个答案都是链接，这就很奇怪了。当您触摸其中一个答案时，它会突出显示悬停状态，然后当问题和答案被一个新的问题和答案替换(使用javascript)时，出现在与前一个答案相同位置的新答案会自动触发其悬停状态。我想防止这种情况发生在新的答案链接。
有没有任何方法(也许是javascript中的一些东西)可以给我与“悬停”不再在这个元素之上的结果相同的结
浏览 1提问于2010-06-25得票数 6
回答已采纳
1回答
我一直在开发一张地图，使用leaflet以及leaflet标签插件。
该插件工作正常，但在移动设备上，当另一个多边形接触时，它不会破坏之前的弹出窗口。您可以在此处查看演示：
这将是非常友好的，如果有人可以帮助我解决与触摸的问题，或找到任何其他弹出式插件与悬停工作的触摸设备也。提前谢谢。
浏览 0提问于2015-05-12得票数 0
1回答
关于如何重置/清除在触摸屏设备(如ipad )中激活的悬停状态的任何建议。
我有一些在悬停时显示的工具提示，这实际上是ipad中的一个点击，因为它是如何处理悬停的。
但是，有没有一种方法可以设置它，以便将悬停状态重置为正常。因为问题是工具提示不会重新显示，因为它仍然认为它被悬停。单击另一个工具提示，然后返回到该工具提示。
编辑:演示问题的非常基本的JSfiddle，需要在ios设备中查看才能看到问题。
悬停(在ipdad中单击)该框将出现，然后消失。再次尝试悬停/单击，它将不会重新出现在触摸设备中，除非您随后悬停/单击另一个工具提示，然后返回到那个工具提示。
浏览 0提问于2012-11-20得票数 2
回答已采纳
2回答
编辑:谢谢你的回答。这些建议是否使li:悬停下拉操作保持工作状态，只需为触摸设备添加onclick功能？我不希望桌面用户不得不点击，菜单应该出现在:悬停为他们。
我已经对这个问题做了研究，但似乎找不到一个好的解决办法。
我的网站
菜单的问题是‘阿盟信息’和‘的结果’在顶部的导航栏。
我的CSS下拉菜单激活了li :悬浮(li项不是链接，我更改了光标，使其显示为一只手，但单击将使您无处可选)。
然而，这显然不适用于触控设备。
是否有一种方法来维护我目前使用li的设置:悬停在非触摸设备上，但添加一些javascript来启用触摸屏设备的功能？
HTML
<div id="link_b
浏览 2提问于2014-03-05得票数 0
安装程序：我们已经在windows (现场)上安装了用于运行ASP.NET Core5API的端口(windows容器)+ gMSA /服务帐户-在带有.AddAuthentication(NegotiateDefaults.AuthenticationScheme).AddNegotiate(); (而不是.AddAuthentication(NegotiateDefaults.AuthenticationScheme).AddNegotiate();)的Kestrel上内部运行。它可以很好地验证配置的服务帐户，例如针对MSSQL或文件服务器。如果我打开任何受保护的端点，它将使用我的wind
浏览 9提问于2021-06-25得票数 0
回答已采纳
1回答
我在手机上优化一个网站，我做了一个弹出菜单。我禁用了改变菜单按钮的颜色:悬停。我这样做是因为iPhone认为最后一次单击是为了保持悬停伪类。
然而，现在我在黑莓上测试，他们有一个桌面风格的光标，因此将受益于鼠标悬停时改变颜色的元素。
是否可以禁用iPhones而不是黑莓的悬停颜色？更普遍的是，有没有一种方法只对黑莓这样的非触摸屏设备具有悬停颜色，因为只有它们才能真正的鼠标悬停。谢谢
浏览 0提问于2011-10-28得票数 1
回答已采纳
1回答
我刚将添加到一个页面中，它在桌面上可以正常工作。
但是，在移动或触摸屏设备上查看时，不能滚动/拖过图像，因此如果图像占据屏幕的大部分，则很难滚动到屏幕上。
我检查了他们的，但是找不到任何关于允许在触摸/移动设备上拖动/滚动的东西。
有没有人知道解决这个问题的方法或者绕过它的方法？
更新- 26/08/2015
我意识到我所提供的版本是一个较旧的版本，并更新到一个更新的版本(v4.5.41)解决了我的问题。
浏览 2提问于2015-08-25得票数 0
1回答
触屏悬停
、、
我所做的网站有一个悬停菜单，什么是最好的做法来处理这个触摸屏。我怎样才能让它在移动设备上工作？
我在谷歌上搜索了一下，一些回复显示：
:active
所以我在上尝试了一个快速的iPhone，但它似乎不起作用。
解决这个问题的正确方法是什么?为什么我的小提琴不起作用？
还有CSS唯一的解决方案吗？
浏览 1提问于2015-05-05得票数 2
回答已采纳
我支持，对于:hover，它肯定是“不”。在CSS语言上，它将是
@media (hover: hover) {
.button {
outline: 1px solid yellow;
}
}
那:focus呢？我理解即使在触摸设备上输入文件仍然需要它，但是按钮和链接呢？
浏览 6提问于2022-01-11得票数 0
回答已采纳
我经常遇到这样的情况，我需要在悬停时显示菜单，而对于移动设备，菜单应该在单击时打开。现在，例如，考虑以下示例：
.btn {
width: 200px;
background-color: #333;
color: white;
padding: 10px;
}
.menu {
display: none;
padding: 15px;
}
.btn:hover .menu {
display: block;
}
.btn:focus .menu {
display: block;
}
<div class="btn">
Bu
浏览 0提问于2016-12-23得票数 6
最近，我在UIViews方法中设置了断点
- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
}
方法，并检查当用户在voiceover打开的情况下点击UIView时编译器是否在此处停止，但它从未到达断点，有人知道会调用什么以及如何拦截触摸吗？
浏览 0提问于2017-01-09得票数 0
我有一个figure元素，它具有一个悬停状态，它会影响图形中的其他元素；img、figcaption等。通过使用以下jQuery，我已经能够在触摸设备上“工作”这个效果：
$('.portfolio__img').on("touchEnd", function (e) {
"use strict"; //satisfy the code inspectors
var link = $(this); //preselect the link
if ( $( link ).hasClass( "portfolio__i
浏览 1提问于2014-11-21得票数 0
回答已采纳
我已经在Google Chrome中使用Ionic Framework运行了工具提示示例。
在桌面模式下，当悬停元素时，将显示工具提示，但当我轻触(触摸显示)该元素时，不会触发工具提示。在工具提示源中，我为非触摸设备绑定了mouseenter和mouseleave事件。
在响应式模式下，当点击/悬停目标元素时，将显示工具提示。在工具提示源中，我绑定了触摸设备的tap和mouseleave事件。
我的问题是，当我点击在桌面(触摸屏)中聚焦目标元素时，为什么mouseenter和mouseleave没有被触发。
浏览 0提问于2016-08-24得票数 0
我正在构建一个专门用于触控设备的页面。页面上有菜单项，当你触摸菜单时，DIV就会显示出来。但是，我喜欢在用户点击DIV之外的任何区域时隐藏DIV。
我知道在桌面上，你可以在菜单上有悬停效果，并显示一个DIV，它模仿了我想要的效果，在移动设备上，你可以在任何地方触摸，菜单隐藏。
但我如何才能专门使用触摸手势而不是悬停来归档这些内容呢？
到目前为止，这里有一个示例代码：
浏览 1提问于2011-12-06得票数 0
5回答
我正在使用CSS悬停技巧来清理我的界面。仅当光标悬停在元素内部时，才会显示控件。我在触摸屏设备上使用界面时遇到了一个问题。如果控件按钮没有显示为display:none，并且我触摸了它应该在的位置，则仍会为该按钮触发事件。
在你的浏览器和触摸屏设备上试试这个小提琴，看看我的意思……
在触摸屏设备上，触摸红色方块，警报应该会触发，甚至不会出现按钮。我在桌面Android Emulator和我真正的Android 2.3手机上进行了测试。
我想要的效果是，即使用户触摸到按钮“所在”的位置，也可以在不触发的情况下首先显示按钮。
在求助于javascript之前，我宁愿使用纯CSS解决方案。
浏览 0提问于2013-03-12得票数 1
使用以下jQuery代码，当触摸设备用户触摸div元素时，将出现悬停效果。当它们接触到一个空白区域后，悬停效应就会消失。
$('div').hover(
function() { $(this).text('hover effect appears') },
function() { $(this).text('') }
);
这在Android操作系统上运行得很好。但在iOS上，悬停效应并没有消失。
请看。
浏览 3提问于2016-09-30得票数 1
回答已采纳
我们已经将twitter bootstrap下拉菜单设置为悬停(而不是单击yes，我们知道触摸设备上没有悬停)。但我们希望当我们点击它时，主链接能够工作。
默认情况下，twitter bootstrap会阻止它，那么我们如何重新启用它？
浏览 3提问于2012-09-28得票数 68
回答已采纳
1回答
我运行两个Nexus 3048交换机作为网络核心，当我在vPC链接上链接另一个交换机(特别是2960-X)时遇到了一个问题。考虑一下这种情况：
+-------+ +-------+
| NX #1 |===| NX #2 |
+-------+ +-------+
| |
+-------+
| 2960X |
+-------+
在2960 X上，有一个以活动模式配置的端口通道。当将nexus上的接口设置为：spanning-tree port type network时，桥保证起作用并阻塞端口。
此时，我在“普通类型”上
浏览 0提问于2018-04-03得票数 2
回答已采纳
7回答
支持悬停的设备的媒体查询
、、、、
我想为支持悬停的浏览器(例如桌面浏览器)和不支持的浏览器(例如触摸屏设备)提供单独的行为。具体来说，我想在支持它的浏览器上声明一个悬停状态，但对于不支持它的浏览器，这样可以避免移动浏览器通过额外的点击来模仿它，因为这样会破坏页面上的其他交互--不为这些浏览器定义一个悬停状态，这是避免的。
我读过关于特性的文章，看上去它应该能做到这一点。我可以做这样的事情：
@media (hover: none) {
/* behaviour for touch browsers */
}
根据的说法，除了IE11和火狐之外，我需要支持的所有浏览器都可以使用它。
所以我想知道我是否可以反过来做--因为主要
浏览 9提问于2016-11-10得票数 58
回答已采纳
1回答
我正在使用bootstrap框架，angular js，node js来开发一个应用程序，我试图在鼠标悬停时应用一些css (在移动设备上触摸)。它在真实设备中不起作用。如何解决任何人帮助我
浏览 1提问于2016-01-28得票数 0
1回答
需要一个主意，我被困在相当的难题中。我正在建立一个响应未来的证明网页设计。
在桌面和类似的设备上:我有一个菜单，在悬停上做一个css动画来取消对隐藏在链接后面的内容的描述，并点击导航到一个新的页面。
在移动设备上:我希望有一个触发悬停的触摸事件(因此取消了描述)，在第2号触摸时，它应该导航到新页面。
以上是可行的，但如何做到这一点，而不检查用户代理，这是我的情况.如何进行未来的打样以上。
任何伟大的想法都是受欢迎的。:)
浏览 2提问于2014-08-29得票数 1
回答已采纳
我的应用程序使用Touch API来检测JavaScript中的触摸事件。示例：
$(".element").on("touchstart", function(event){
alert("TRUE");
});
它适用于任何带有安卓或iOS等浏览器的触控设备，但不适用于有或没有连接键盘的Windows10平板电脑上的MS Edge。该接口似乎被支持：。但是，我测试了：'ontouchstart' in window，这在这个设备上返回false。此外，mousedown似乎要被解雇了。
这里发生什么事情？如何在Wind
浏览 0提问于2015-10-23得票数 17
回答已采纳
3回答
我正在使用CSS3悬停和过渡来显示和隐藏图像。在移动设备上，我想对触摸事件使用相同的过渡。
基本上，第一次触摸将执行悬停效果或翻转，而触摸将执行滚动。
我不想使用JavaScript来做这件事。如果有一种方法可以用纯CSS3实现，那将是最好的选择。
浏览 2提问于2011-12-01得票数 40
我在搜索一个可以在桌面和触摸设备上工作的jquery滚动脚本时遇到了Flow Slider。这真的很神奇，但我有几个问题。
首先，我需要脚本能够拖动和触摸-I认为我成功地做对了-然后我需要从div的开头开始，而不是从默认位置(中心)开始。
其次，当我点击一个图像并尝试滚动时，它会选择所有的图像，并且不会拖动，而只是在悬停时滚动( flow滑块的默认功能)。如果我在图像的空间内点击，它可以工作，但这是不正确的。下面是该脚本的一个演示，以了解我的意思：
有什么建议吗？
谢谢!
浏览 0提问于2012-09-28得票数 0
回答已采纳
3回答
我正计划使用某种工具提示函数。在桌面上，我希望它打开与悬停效果，也有一个链接和指导，每当用户点击。在触摸设备，我想禁用链接和打开工具提示仅通过触摸(点击任何)。所以基本上，我需要禁用触摸设备的链接。为此分配一个CSS类将非常有用。
谢谢你的帮助。干杯。
浏览 0提问于2014-01-22得票数 2
回答已采纳
16回答
我想修复iOS (更改为触摸事件)的悬停效果，但我不知道。让我来解释一下。您的页面中有一个文本：
<div class="mm">hello world</div>
有风格的：
.mm { color:#000; padding:15px; }
.mm:hover { background:#ddd; }
好的，如果你把鼠标放在文本上，你会得到一个#ddd背景，对吗？但是在iOS中，如果你触摸文本，你什么也得不到，但是如果你点击它，它会得到一个丑陋而粘稠的#ddd背景，这并不好，我希望用户在他触摸该文本时得到悬停效果(我认为类似于touchevent )
浏览 0提问于2013-08-04得票数 34
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
