不直接在触摸时显示悬停
是指在触摸设备上，当用户触摸屏幕时，不会立即显示悬停效果。悬停效果通常是指当用户将鼠标悬停在某个元素上时，会触发一些特定的效果或行为，比如显示工具提示、改变元素样式、展示相关信息等。
这种设计决策的目的是为了提高触摸设备的用户体验，避免因误触或不必要的悬停效果而干扰用户操作。在触摸设备上，用户通常是通过触摸屏幕来进行操作，而不是通过鼠标悬停来触发特定效果。因此，不直接在触摸时显示悬停可以减少不必要的干扰，使用户能够更流畅地进行操作。
不直接在触摸时显示悬停的设计适用于各种触摸设备，包括智能手机、平板电脑和触摸屏幕电脑。它可以提高用户对界面的控制感和操作效率，同时减少用户的误操作和困惑。
腾讯云相关产品中，与不直接在触摸时显示悬停相关的产品包括：
- 腾讯云移动应用分析（https://cloud.tencent.com/product/mga）：提供移动应用的数据分析和用户行为分析，帮助开发者了解用户的触摸操作习惯和行为模式，从而优化应用的交互设计。
- 腾讯云智能语音交互（https://cloud.tencent.com/product/asr）：提供语音识别和语音交互能力，可以通过语音指令来触发特定的操作，减少对触摸屏幕的依赖。
- 腾讯云智能图像处理（https://cloud.tencent.com/product/tci）：提供图像识别和分析能力，可以通过图像识别技术来实现对触摸操作的替代，例如通过手势识别来触发特定的操作。
通过以上腾讯云产品，开发者可以在移动应用中实现不直接在触摸时显示悬停的设计，提升用户体验和操作效率。
相关·内容
3回答
因此，最近我一直在开发一个网站，让我改进并做出响应，而我所面临的问题之一是，有许多元素是可点击的，它混合了CSS和jQuery的效果，适用于悬停状态。
首先，我希望所有这些悬停状态都是CSS，但主要问题是，在这些悬停状态上，某些元素正在更改display和visibility css属性。我做了一些阅读，显然如果是这样的话，在触摸屏iOS设备上，这会导致第一次“触摸”强制悬停状态，然后需要第二次单击才能实际单击元素。
我正在努力寻找一种不需要大量标记和样式更改的解决方案。最好是利用jQuery/JavaScript进行修复会很好。
我试过以下几种方法：
$(document).ready(fu
浏览 2提问于2015-11-25得票数 5
回答已采纳
5回答
我正在使用CSS悬停技巧来清理我的界面。仅当光标悬停在元素内部时，才会显示控件。我在触摸屏设备上使用界面时遇到了一个问题。如果控件按钮没有显示为display:none，并且我触摸了它应该在的位置，则仍会为该按钮触发事件。
在你的浏览器和触摸屏设备上试试这个小提琴，看看我的意思……
在触摸屏设备上，触摸红色方块，警报应该会触发，甚至不会出现按钮。我在桌面Android Emulator和我真正的Android 2.3手机上进行了测试。
我想要的效果是，即使用户触摸到按钮“所在”的位置，也可以在不触发的情况下首先显示按钮。
在求助于javascript之前，我宁愿使用纯CSS解决方案。
浏览 0提问于2013-03-12得票数 1
1回答
触摸终端时禁用css悬停
、、、、
在纯JavaScript中，当用户的触摸结束在可触摸设备中时，如何禁用( div或btn ...etc)的悬停效果？
我有一些锚和按钮，对悬停的影响，但在触摸设备上，触摸的效果仍然可见，即使用户把他的手指从屏幕上。
我不想让触控装置上的悬停效果完全消失.但我想要的是停止接触元素后的悬停。
我试着用touchend在JavaScript上玩，但是它不起作用。
有人能帮忙吗？
浏览 11提问于2022-10-06得票数 0
2回答
我已经设计了我的网站与一个图片库，不显示下一个/前一个箭头，直到鼠标滚过他们.next:hover{display: block}这是好的，但网站是流动的，我不认为在所有的悬停(鼠标悬停)在触摸屏上不工作！我不想让箭头一直显示，除非设备是触摸屏，比如ipad！
检测设备是否仅限触摸的最佳方法是什么?如果是，请将display: none更改为自动显示块。有没有jQuery的方法可以做到这一点？
我希望这是有意义的，我已经谷歌了它和搜索S.O.，但无法找到直接的答案。同时，当涉及到jQuery时，我是一个有点(轻描淡写)的新手！
感谢您的帮助
浏览 3提问于2014-04-16得票数 1
1回答
移动触摸菜单
、、、
我想做一个菜单项：
显示一个下拉子菜单，当项目是悬停(使用鼠标)或触摸(使用触摸屏)。
允许您单击子菜单中的链接，而子菜单是可见的。
关闭子菜单(不单击链接)，如果您将鼠标移到子菜单外(使用鼠标)或触摸子菜单之外的任何位置(使用触摸屏)。
下面是我的HTML片段(包含在HTML5 <body>元素中)：
<div class="menuitem">
Drop-down menu item
<br />
<ul class="submenu">
<li><a
浏览 0提问于2014-07-06得票数 12
2回答
检测悬停功能
、、、、
:hover CSS伪类在触摸设备上不能很好地工作。悬停状态往往会一直保持下去，直到触摸到其他东西。因此，在我们的web应用程序中，我们使用Modernizr来检测具有触摸功能的浏览器/设备，并在这些情况下禁用悬停状态：
.无接触.button:hover { ... }
这在既支持触摸屏又支持指针设备(如鼠标或触摸板)的混合设备上成为一个问题。Modernizr检测到它启用了触摸，并且在使用鼠标时，所有悬停状态都不起作用。
更有用的是检测鼠标或其他指针设备的存在，而不是触摸屏。但是我找不到任何这样的东西。
有什么建议吗？
浏览 1提问于2015-09-17得票数 9
1回答
我有一个带有内容图标的产品列表。当鼠标悬停在图标上时，会有一个文本解释图像的含义。 因为在触摸屏上不存在悬停，所以我也使用:active。 我的解决方案效果很好-在桌面上(悬停显示文本，移开鼠标:文本消失)-在普通手机上(触摸显示文本，触摸其他地方:文本消失) 但不是在Iphones上:触摸显示文本，但即使触摸其他地方，它也会停留(除了触摸另一个“悬停”图像时)。 HTML： <span class="canhover">
<img class="icon24" src="img/allergens/gluten.jpg
浏览 22提问于2020-04-08得票数 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
我已经在Google Chrome中使用Ionic Framework运行了工具提示示例。
在桌面模式下，当悬停元素时，将显示工具提示，但当我轻触(触摸显示)该元素时，不会触发工具提示。在工具提示源中，我为非触摸设备绑定了mouseenter和mouseleave事件。
在响应式模式下，当点击/悬停目标元素时，将显示工具提示。在工具提示源中，我绑定了触摸设备的tap和mouseleave事件。
我的问题是，当我点击在桌面(触摸屏)中聚焦目标元素时，为什么mouseenter和mouseleave没有被触发。
浏览 0提问于2016-08-24得票数 0
我有一张正确显示的chart.js线图。当你在y轴网格线上悬停时，工具提示就会显示出来.
我正在尝试把它转换成触摸屏上的功能，所以没有悬停。有没有一种方法可以添加一个简单的参数来使工具提示同时显示在悬停和onclick上？
注意，我知道我可以添加一个自定义工具提示并添加所有这些功能--我试图看看是否只有一个参数可以添加，因为我不需要定制工具提示。
浏览 6提问于2016-04-04得票数 6
回答已采纳
1回答
我一直以为iOS设备上的悬停效果只有在完整的“点击”(或“触摸”)时才能看到，但后来我发现了这个页面：
在这里，当我只是点击一个元素(没有延迟)时，悬停效果是可见的，当我离开我的手指时，悬停效果就会离开--不需要完整的点击。
我还是不明白。诀窍是什么？
浏览 0提问于2013-02-20得票数 3
回答已采纳
使用桌面上的鼠标，您知道移动光标将悬停，单击将单击。在移动设备上，情况并非如此。不同的设备会以不同的方式对待悬停。例如，给定以下基本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
2回答
在鼠标上显示隐藏的图像
、、、、
当我试图在映射图像上实现悬停效果时，我遇到了一个问题。我有一个有映射区域的图像，在所有这些区域上，我想在悬停时显示一个不同的图像。
到目前为止，你可以看到我的作品：
问题是，当我悬停在区域，它显示图像，但当我移动光标(而不是离开该区域)，它开始闪烁。它采用面积空间像素逐个像素。
我尝试过使用Javascript和jQuery解决方案：
Javascript：
mouseenter="document.getElementById('Vilnius').style.display = 'block';" mouseleave="docum
浏览 3提问于2016-11-25得票数 1
回答已采纳
2回答
双击iOS上的网站链接时出现问题
、、、、
在尝试了整整两天来解决这个问题后，我开始放弃。我正在做一个网站：，它使用了wordpress的主题Werkstatt by fuelthemes：他们说需要双击菜单才能打开链接，这不是一个bug，而是一个功能。在网上看一看，这似乎是当你在具有可见性或显示的链接上有悬停效果时，在iOS上应该发生的那种实现。
不幸的是，我不想要它，因为强迫人们双击打开一个链接似乎有点愚蠢。我已经删除了我在代码中能找到的所有“悬停”，但它仍然在iphone和Ipad上发生。在Windows或Mac电脑上没有问题。仅在iphone或ipad等触摸屏上使用。
你对此有什么线索吗？谢谢你！
浏览 15提问于2020-02-27得票数 0
回答已采纳
1回答
我有一个网络应用。有一些元素绑定了click事件。它在台式机上运行良好。但在平板电脑上，当我触摸元素时，它首先不会做任何事情，而只是显示它悬停在样式上。在第二次点击时，它可以正常工作。如何禁用触摸悬停并在整个应用程序的每个第一次触摸时启用点击？
浏览 0提问于2017-11-10得票数 0
1回答
下面的问题是关于我正在建设的一个网站。
当鼠标悬停在导航栏上时，导航栏上的一个主要类别会显示一组子类别(内部页面链接)。为了实现这一点，我只需在我的CSS代码中使用“悬停”命令。问题是，当我的站点在触摸屏设备上被查看时，我可以通过单击“悬停”元素(这是我想要的)来切换打开子类别，但是我不能通过单击“悬停”元素来关闭子类别。一旦它们在触摸屏设备(IPhone6s Plus)上被打开，除非我刷新页面，否则它们就会被卡住。
我的问题是：是否有一种方法可以在非触摸屏设备上保持鼠标悬停功能，同时允许触摸屏用户通过单击它来切换元素？
我知道如何编写Javascript (使用onclick)，通过单击切换
浏览 2提问于2016-05-13得票数 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
2回答
我的网站上有以下代码：
/* Show arrows when card is hovered */
$('BODY').on('mouseenter', '.card', function (event) {
$(this).addClass('is-hovered');
});
$('BODY').on('mouseleave', '.card', function (event) {
$(this).remove
浏览 1提问于2014-06-13得票数 4
回答已采纳
我正在构建一个专门用于触控设备的页面。页面上有菜单项，当你触摸菜单时，DIV就会显示出来。但是，我喜欢在用户点击DIV之外的任何区域时隐藏DIV。
我知道在桌面上，你可以在菜单上有悬停效果，并显示一个DIV，它模仿了我想要的效果，在移动设备上，你可以在任何地方触摸，菜单隐藏。
但我如何才能专门使用触摸手势而不是悬停来归档这些内容呢？
到目前为止，这里有一个示例代码：
浏览 1提问于2011-12-06得票数 0
1回答
关于如何重置/清除在触摸屏设备(如ipad )中激活的悬停状态的任何建议。
我有一些在悬停时显示的工具提示，这实际上是ipad中的一个点击，因为它是如何处理悬停的。
但是，有没有一种方法可以设置它，以便将悬停状态重置为正常。因为问题是工具提示不会重新显示，因为它仍然认为它被悬停。单击另一个工具提示，然后返回到该工具提示。
编辑:演示问题的非常基本的JSfiddle，需要在ios设备中查看才能看到问题。
悬停(在ipdad中单击)该框将出现，然后消失。再次尝试悬停/单击，它将不会重新出现在触摸设备中，除非您随后悬停/单击另一个工具提示，然后返回到那个工具提示。
浏览 0提问于2012-11-20得票数 2
回答已采纳
我知道标题太笼统了。我找不到具体的标题。
下面是示例
HTML
<ul>
<li>item1</li>
<li>item1</li>
<li>item with submenu >
<ul>
<li>item1</li>
<li>item1</li>
</ul>
</li>
<li>item1</li>
<li id='cli
浏览 1提问于2017-06-17得票数 3
1回答
移动/平板设备上的悬停状态
、、、、
我有一些信息，当你将鼠标悬停在桌面上的div上时，这些信息会出现在它上面，但也可以作为一个超级链接。移动和平板电脑显然你不能将鼠标悬停在这些元素上，所以它只会到达目的地，而不会事先显示信息。有没有办法让这些元素在被触摸时显示信息，然后在CSS中再次被触摸时进入超链接目的地？
这是页面：
提前感谢您的帮助。
浏览 0提问于2015-11-21得票数 0
2回答
这个是可能的吗？除非将我所有的悬停样式转换为mouseover侦听器，否则可以阻止触摸设备触发CSS悬停状态吗？
我有一个必须同时适用于触摸和指针输入的应用程序，它工作得很好，但是在悬停上应用的某些样式在触摸设备上就没有意义了，因为它们倾向于在用户点击对象之后无限期地保持悬停状态。
需要考虑的事项：
对我来说，设备宽度与启用触摸的设备无关，我们在这里使用的触摸屏是桌面大小的显示器。
我不想强迫用户通过触摸多输入设备输入。
浏览 3提问于2013-07-01得票数 5
我做了一个web应用程序来存储医生的病历，我正在使用xampp来托管它，我可以通过在手机浏览器中输入pc的ip地址和登录页面的路径来访问应用程序的登录页面，但是当我输入用户名和密码并触摸登录页面时，它会显示这个网站不能是reached.It，但在pc上可以正常工作，但在移动设备上只能访问登录页面。我一直使用codeigniter(hmvc)来构建这个应用程序。
浏览 25提问于2019-06-12得票数 0
1回答
我想阻止一个锚点击通过，如果它是用触摸设备点击，但正常的行为，如果用鼠标点击。
原因是，在桌面上，您将鼠标悬停在锚点上以查看更多信息，然后单击以查看产品。
在手机上，我希望第一次点击显示信息，第二次点击查看产品。
我已经尝试了以下几种不同的变体：
$('article.product aside a.link').hammer().on('tap', function(ev) {
if (ev.gesture.pointerType == 'touch') {
ev.gesture.srcEvent.preventDef
浏览 0提问于2013-03-14得票数 8
2回答
我有以下基本的HTML结构：
<ul class = "foo">
<li>
<a href = "example.com">
Click here
</a>
</li>
</ul>
和下列CSS：
a:link {
color: blue;
}
ul.foo li {
padding: 2em;
border: 1px solid black;
}
ul.foo li:hover {
color: green;
浏览 0提问于2014-11-22得票数 0
回答已采纳
2回答
什么是CSS悬停和等效，只用于有触摸屏的设备，如平板电脑和智能手机？我试图在我的旋转木马上显示箭头，对于桌面，我知道我可以使用悬停，但是当没有游标可以悬停时，我会使用什么呢？
浏览 4提问于2016-12-12得票数 3
回答已采纳
1回答
我正在尝试创建一个幻灯片与jQuery一样的滑块。所以我使用悬停功能来设置我的动画来做。但在触摸式设备中，悬停功能并不是在所有浏览器中都能执行。在chrome、opera和firefox中，当我点击幻灯片时，它的动画就会开始并一直移动到它的结束时间。但在ie和edge中，我的悬停动画以touchstart开始，并在touchend发生的那一刻结束。因此，动画不会一直向前移动到结束位置，而是返回到初始位置。所以我决定将click事件和hover事件一起使用，如下所示：
slides.hover(function(){
// my animation code
}
slides.click(fun
浏览 0提问于2016-02-16得票数 0
1回答
在导航菜单上，悬停时会显示一些子菜单
导航html是这样的：
<nav>
<li>
<a href="shop.html">Shop</a>
<ul>
<li><a href="shoes.html">Shoes</a></li>
<li><a href="shirts.html">Shirts</a></li>
浏览 0提问于2013-08-08得票数 2
理想情况下，有一种方法可以在iphone/ipad上使用touchstart和touchmove模拟以下javascript的鼠标悬停图像地图功能：
我希望允许iphone/ipad用户触摸地图，让他们触摸的国家突出显示，当他们将手指拖到其他国家时，这些国家反过来会亮起，就像他们通过桌面浏览器使用鼠标悬停一样。
想法，想法？这有可能吗？
浏览 1提问于2011-09-14得票数 1
1回答
我在我的网站上有一些图片作为摘要，所以当用户悬停图像时，它会正常显示alt消息。
当它出现在触摸屏上时，如果我点击图像，它不会显示任何内容，用户也不知道图像是什么意思。
当用户在触摸屏上点击图像时，我如何解决显示文本的问题？
浏览 18提问于2016-09-21得票数 0
我正在努力调试这里的问题。在UI上显示react-select之前，移动触摸元素上的反馈不会提供关于触摸的反馈。
这可以通过完成在移动设备上的旅程看到，直到步骤4：
当你第一次与元素交互时，没有反馈，但是当你到达旅程中的第四个屏幕并单击“注册”(显示react选择)时，如果你导航回到悬停元素，它们会突然提供反馈。这个问题只在移动设备上存在，而不是在网络上。我已经使用Chrome在iPhone 6上进行了测试。
下面是触发触摸反馈交互的react-select元素。
我尝试添加onTouchStart并更改悬停元素以包含:active或:focus
我不确定这是react问题还是jav
浏览 1提问于2018-06-25得票数 13
1回答
我一直在开发一张地图，使用leaflet以及leaflet标签插件。
该插件工作正常，但在移动设备上，当另一个多边形接触时，它不会破坏之前的弹出窗口。您可以在此处查看演示：
这将是非常友好的，如果有人可以帮助我解决与触摸的问题，或找到任何其他弹出式插件与悬停工作的触摸设备也。提前谢谢。
浏览 0提问于2015-05-12得票数 0
2回答
带有Tap手势分段的UIView
、、、、
我有一个较小的UIView作为我UIViewController上主UIView的子视图。这个较小的UIView也有一个图像和几个标签。
我想要的是用户触摸这个较小的视图(这个视图上的任何地方或它的内容)，然后切换到一个新的UIViewController。
我在较小的视图中添加了一个Tap手势，并设置了一个从Tap手势到我想要显示的UIViewController的segue。
但是，只有当用户触摸视图上没有标签或图像的空间，并且选中“用户交互已启用”时，这才能起作用。如果图像或标签被触摸，什么都不会发生，如果不检查“启用用户交互”，什么都不会发生。
我完全是从故事板中完成的，并且只实现了一
浏览 3提问于2013-11-26得票数 2
回答已采纳
我正在加载一个图像到我的uiwebview和当用户点击图像，我有一个链接，我希望用户重定向到，但我无法找到任何解决方案？
我试着用
(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest
但它只能用于链接，而不是图像，因为当我触摸图像时，什么都不会发生？？还有其他可能的方法吗？
浏览 3提问于2010-06-25得票数 0
3回答
这是我第一次在这里发帖，但多年来我发现这个网站是一个无价的存储库。
我最近一直在添加工具提示到一个网站的形式。最初，当鼠标用户悬停在工具提示图标(在我的例子中，只是'(?)')时，我关心的是如何使这些工作正常进行。我使用了以下CSS：
.tooltip
{
border-bottom: 1px dotted #000000;
color: #000000;
outline: none;
cursor: help;
text-decoration: none;
position: relative;
}
.tooltip span
{
margin-left: -999em
浏览 9提问于2013-08-12得票数 4
回答已采纳
3回答
我正在使用CSS3悬停和过渡来显示和隐藏图像。在移动设备上，我想对触摸事件使用相同的过渡。
基本上，第一次触摸将执行悬停效果或翻转，而触摸将执行滚动。
我不想使用JavaScript来做这件事。如果有一种方法可以用纯CSS3实现，那将是最好的选择。
浏览 2提问于2011-12-01得票数 40
1回答
如何在页面加载时启动触摸屏
、、、、
我有一个菜单，它使用鼠标悬停在桌面上显示子菜单。对于触摸屏设备，菜单焦点似乎只有在另一个元素首先被触摸(聚焦)之后才会启动。当我触摸菜单项以显示子菜单时，菜单项显示为选中，但不显示子菜单。如果我通过触摸另一个页面元素(如图像或表单域)来转移焦点，然后再次触摸菜单项，则子菜单将按预期工作。如果我先关注表单元素，然后再关注子菜单，它也会起作用。我的CSS中有:hover、:focus和:active，但它似乎忽略了第一个焦点/active。是否有一种JQuery方法可以强制触摸屏设备在页面加载时立即启动焦点？这个问题还有其他解决方案吗？
浏览 18提问于2020-03-24得票数 0
我有一个下拉菜单。在非触摸屏设备上，下拉菜单显示在悬停状态。 在触摸屏上，菜单在单击时显示，直到页面导航离开。用户单击下拉显示，但页面仍会导航离开。我已经添加了aria-haspopup，我认为它会阻止页面在第一次触摸元素时导航离开。但是用户仍然被导航到该页面。 <span class="navbar-dropdown">
<a href="/page" aria-haspopup="true"><span>
浏览 75提问于2021-11-03得票数 0
1回答
我有一个网站，在那里静态文本的翻译显示为“悬停”(当用户悬停在HTML元素(例如h1，标签，跨度)上时)。此行为是使用'‘超文本标记语言属性实现的。
一些用户正在使用iPads浏览网站，所以我想知道是否可以结合iPad的触摸手势来激活(显示)“标题”属性。更具体地说，我想知道是否可以使用JavaScript显示标题(因为它是用鼠标悬停的)。
浏览 6提问于2021-10-03得票数 0
问题是，我想在图像中添加一个边框，并显示一个卡，该在悬停时包含信息，但它却显示在所有图像上。
从一个电影API中获取数据之后，我将响应存储在状态中：
const [movies, setMovies] = useState([])
useEffect(() => {
/**side-effects**/
setMovies(response.data)
},[])
然后
let style = {
display: 'none'
};
let imgStyle = {};
if(hover){
style = {
d
浏览 1提问于2021-02-27得票数 0
1回答
我有一个工具提示，当目标文本悬停在上面时，它会激活(显示)。对于触摸设备，用户可以单击目标文本并显示工具提示，然后当他们触摸工具提示(而不是目标文本)时，工具提示将隐藏。但我希望使用鼠标的人能够选择工具提示中的文本，问题是当他们单击工具提示时，它会隐藏，这是触摸设备的功能。
因此，对于计算机(使用鼠标)，我希望工具提示能够在不隐藏的情况下被单击，但在触摸式设备上，我希望工具提示在被单击时隐藏，以便用户更容易使用。希望这是有意义的。
做这件事最好的方法是什么？有没有办法让我说“触摸时，做这件事，但点击(鼠标)时，做那件事”？
浏览 0提问于2012-03-06得票数 1
回答已采纳
我有一个扩展View的类，我想使用手写笔(银河笔记)作为输入，因为它有悬停功能。
我已经为悬停和触摸事件添加了监听器，但是我有一个问题我不能很好地处理:当我用触笔触摸屏幕时，我有一个用ACTION_HOVER_EXIT生成的悬停事件和一个用ACTION_DOWN生成的触摸事件。
我想知道是否有办法知道何时收到ACTION_HOVER_EXIT事件，手写笔是否开始触摸屏幕，或者是否从屏幕上移开。
当我拿起手写笔但仍处于悬停状态时也是如此:一个ACTION_UP和一个ACTION_HOVER_ENTER。
浏览 1提问于2012-07-28得票数 1
回答已采纳
我想显示在负载和悬停或触摸视频的缩略图，我想要播放的视频在父div的图像。在鼠标输出和视频结束时，div应该自动显示图像。我该怎么做呢？
简单地说，我需要一个像youtube页面一样的主页。我将首先显示的图像和悬停，它应该播放或暂停各自的视频。
浏览 8提问于2021-12-05得票数 2
我有一个网站的链接，使用jquery交换图像时，链接悬停。单击链接时，图像将被原始图像替换，然后触发默认操作(浏览器跟随链接)
在idevice上，由于某些原因，这些链接需要两次点击才能让浏览器跟踪这些链接。第一次点击替换图像(就像它被悬停在上面一样)，第二次点击跟随链接。下面是处理悬停和单击的jquery代码片段。
$("#youtube").mouseenter(function(){
$('#youtube_hover').stop(true,true);
$("#youtube_hover").fadeIn(300);
浏览 2提问于2011-03-14得票数 0
回答已采纳
2回答
我有两类菜单:天气和雪。一个可见的图标和隐藏的弹出菜单。在悬停或单击第一个div中的图标后，它将显示第二个div弹出。在桌面设备上悬停反应，然后单击移动设备。
下面是我的jQuery代码的一部分：
if ($(window).width() > 1025) {
$('.weather').hover(function(){
$('.weather-popup').addClass('side-open');
},function(){
$('.w
浏览 3提问于2015-11-23得票数 1
回答已采纳
3回答
当我下来触摸设备，我不想要悬停的行为。是否有可能同时禁用整个网站的所有悬停效果？
考虑到您使用现代派来检测、触摸和设置类。
这就是我想出来的，但它给出了很多不一致的地方：
html.touch *:hover {
color: inherit !important;
background: inherit !important;
}
有什么方法可以用纯CSS来实现吗？如果没有，如何使用javascript来完成呢？
浏览 11提问于2015-01-20得票数 13
回答已采纳
2回答
我的网站使用的是纯CSS3下拉菜单。问题是，当网站在触摸屏设备上查看时，一些带有悬停属性的菜单项不会自动下拉。
我如何才能将其更改为，如果菜单项有悬停下拉菜单，在触摸屏设备中，您必须触摸它，然后菜单将下拉到我们的PC中的其他位置，它仍将保持悬停效果。
仅仅使用CSS就可以做到吗？
浏览 1提问于2013-04-22得票数 3
使用以下jQuery代码，当触摸设备用户触摸div元素时，将出现悬停效果。当它们接触到一个空白区域后，悬停效应就会消失。
$('div').hover(
function() { $(this).text('hover effect appears') },
function() { $(this).text('') }
);
这在Android操作系统上运行得很好。但在iOS上，悬停效应并没有消失。
请看。
浏览 3提问于2016-09-30得票数 1
回答已采纳
我想在桌面和移动触摸浏览器中运行的web应用程序中使用工具提示。为此，我编写了一些触摸事件代码来为触摸生成自定义的"linger“(伪悬停)事件。在触控设备中，我希望在用户触摸元素并让手指在其上停留约500ms时显示工具提示，就像iPad的虚拟键盘上的工具提示一样。当有鼠标时，鼠标悬停将触发工具提示。
所以我在找一种最小侵入性的工具提示工具。它不应该将自己附加到事件，除非特别指示这样做。它不应该做任何会干扰jQuery UI 1.8.2或DOM事件传播的事情。在给定目标元素的位置和htmlContent的大小这两个事实的情况下，几乎所有的智能都应该致力于确定它应该显示在哪里，并在它和目
浏览 2提问于2010-08-17得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
