Questions tagged «touch»

基于触摸的界面具有独特的考虑因素，不适用于其他输入模式，反之亦然。

30
使用JavaScript检测“触摸屏”设备的最佳方法是什么？
我已经编写了可在台式机和移动设备上使用的jQuery插件。我想知道JavaScript是否可以检测设备是否具有触摸屏功能。我正在使用jquery-mobile.js来检测触摸屏事件，它可以在iOS，Android等系统上运行，但是我还想根据用户设备是否具有触摸屏来编写条件语句。 那可能吗？
416 javascript  jquery  touch 
15
如何将触摸事件添加到UIView？
如何将触摸事件添加到UIView？ 我尝试： UIView *headerView = [[[UIView alloc] initWithFrame:CGRectMake(0, 0, tableView.bounds.size.width, nextY)] autorelease]; [headerView addTarget:self action:@selector(myEvent:) forControlEvents:UIControlEventTouchDown]; // ERROR MESSAGE: UIView may not respond to '-addTarget:action:forControlEvents:' 我不想创建一个子类并覆盖 - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
5
考虑将事件处理程序标记为“被动”，以使页面更具响应性
我正在用锤子拖动，加载其他东西时它变得不稳，因为此警告消息告诉我。 由于主线程繁忙，“ touchstart”输入事件的处理延迟了X ms。考虑将事件处理程序标记为“被动”，以使页面更具响应性。 所以我试图像这样向听众添加“被动” Hammer(element[0]).on("touchstart", function(ev) { // stuff }, { passive: true }); 但我仍然收到此警告。
11
android：触摸移动视图（ACTION_MOVE）
我想做一个简单的控件：一个带有视图的容器。如果我触摸容器并移动手指，则希望移动视图以跟随手指。 我应该使用哪种容器（布局）？这该怎么做？ 我不需要使用表面，而是使用简单的布局。
177 android  touch 
24
检测浏览器没有鼠标并且仅是触摸式
我正在开发一个Web应用程序（不是一个包含有趣文本页面的网站），其触摸（您的手指在单击时隐藏屏幕）和鼠标（很大程度上取决于悬停预览）的界面非常不同。如何检测到我的用户没有鼠标向他展示正确的界面？我计划为使用鼠标和触摸的人（例如某些笔记本电脑）留下一个开关。 浏览器中的触摸事件功能实际上并不意味着用户正在使用触摸设备（例如，Modernizr不会对其进行裁剪）。如果设备具有鼠标，则正确回答该问题的代码应返回false，否则返回true。对于具有鼠标和触摸功能的设备，它应该返回false（不仅限于触摸） 附带说明一下，我的触摸界面也可能适用于仅键盘的设备，因此更多是我想检测不到的鼠标。 为了使需求更加清楚，这是我要实现的API： // Level 1 // The current answers provide a way to do that. hasTouch(); // Returns true if a mouse is expected. // Note: as explained by the OP, this is not !hasTouch() // I don't think we have this in the answers already, that why …
149 javascript  html  touch  mouse 
26
如何防止触摸设备上按钮的粘滞悬停效果
我创建了一个带有始终可见的上一个和下一个按钮的轮播。这些按钮处于悬停状态，它们变为蓝色。在诸如iPad的触摸设备上，悬停状态为粘滞状态，因此在点击它后按钮保持蓝色。我不要 我可以为每个按钮添加一个no-hover类ontouchend，并使CSS像这样：button:not(.no-hover):hover { background-color: blue; }但这可能会降低性能，并且不能正确处理Chromebook Pixel（具有触摸屏和鼠标）之类的设备。 我可以向中添加一个touch类documentElement，并使CSS像这样：html:not(.touch) button:hover { background-color: blue; }但是，这在同时带有触摸和鼠标的设备上也无法正常工作。 我更希望删除悬停状态ontouchend。但这似乎是不可能的。聚焦另一个元素不会删除悬停状态。手动点击另一个元素可以，但是我似乎无法在JavaScript中触发它。 我发现的所有解决方案似乎都不完美。有没有完美的解决方案？
144 javascript  css  hover  touch 
8
将多个事件绑定到侦听器（没有JQuery）？
在处理浏览器事件时，我已经开始将Safari的touchEvents集成到移动设备中。我发现addEventListeners与条件堆叠在一起。该项目不能使用JQuery。 标准事件侦听器： /* option 1 */ window.addEventListener('mousemove', this.mouseMoveHandler, false); window.addEventListener('touchmove', this.mouseMoveHandler, false); /* option 2, only enables the required event */ var isTouchEnabled = window.Touch || false; window.addEventListener(isTouchEnabled ? 'touchmove' : 'mousemove', this.mouseMoveHandler, false); jQuery bind允许多个事件，如下所示： $(window).bind('mousemove touchmove', function(e) { //do something; }); 是否有办法像JQuery示例中那样组合两个事件侦听器？例如： window.addEventListener('mousemove touchmove', this.mouseMoveHandler, false); 任何建议或提示，不胜感激！
14
如何删除/忽略：在触摸设备上悬停CSS样式
:hover如果用户通过触摸设备访问我们的网站，我想忽略所有CSS声明。因为:hoverCSS没有意义，而且如果平板电脑在单击/点击时将其触发，它甚至可能会令人不安，因为它可能会一直停留到元素失去焦点为止。老实说，我不知道为什么触摸设备首先感觉到需要触发:hover-但这是现实，所以这个问题也是现实。 a:hover { color:blue; border-color:green; // etc. > ignore all at once for touch devices } 因此，如何:hover在声明触摸设备后立即删除/忽略所有CSS 声明（而不必知道每个CSS ）？
141 html  css  hover  touch 
13
iOS-通过视图转发所有触摸
我有一个视图叠加在许多其他视图之上。我仅使用过分检测屏幕上的某些触摸，但除此之外，我不希望该视图停止其下的其他视图（例如滚动视图）的行为。我如何转发所有触摸此叠加视图？它是UIView的子目录。
141 events  uiview  touch 
5
用于触摸设备的Javascript拖放
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实，参考或专业知识的支持，但是这个问题可能会引起辩论，争论，民意调查或扩展讨论。如果您认为此问题可以解决并且可以重新提出，请访问帮助中心以获取指导。 7年前关闭。 我正在寻找可在触摸设备上使用的拖放拖放插件。 我想要与允许“可放置”元素的jQuery UI插件类似的功能。 该插件jqtouch支持拖动操作，但没有落下。 这里是仅支持iPhone / iPad的拖放操作。 谁能指出我在适用于android / ios的拖放插件的方向？ ...或者可能会更新jqtouch插件以实现可投放性，它已经在Andriod和IOS上运行。 谢谢！
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.