jjzjj

touchStart

全部标签

javascript - 在 iPad iOS 11.4 上的 Mobile Safari 中滚动期间触摸事件仅触发 "once"

在MobileSafari中滚动时,会触发第一个touchstart、touchmove和touchend事件,但是,如果您仍在滚动不会触发额外的触摸事件。对于我的应用程序,这是有问题的,因为用户可以用他们的手指停止滚动,而我无法判断是否有手指按下。当手指向下时,您无法设置window的scrollTop,或者您可以设置它,它会发生变化,但窗口不会滚动。当用户再次移动他们的手指时,它不是从我设置scrollTop的位置开始滚动,而是从他们的手指是否被放下开始滚动。请不要评论我为什么要更改窗口的scrollTop;让我们接受它作为一项优先要求。关于如何检测是否有手指按下的任何想法?

javascript - 如何在 javascript 中的 touchstart 检测两个手指?

我正在使用.on("touchstartmousedown",function(e){pTouchDown(e)});用一根手指触摸就可以了,但我也想用两根手指触摸做一些操作。 最佳答案 触摸事件包含一个名为touches的属性,它包含所有可用的触摸点。您可以阅读有关TouchEvents的更多信息onMDN.在您的情况下,您需要检查touches属性的长度:someElement.addEventListener('touchstart',function(e){if(e.touches.length>1){//...dowhat

javascript - 在 React JS 上绑定(bind) touchstart 的正确方法是什么?

我正在学习ReactJS,但截至目前,我无法在源代码、测试或官方文档中找到任何示例。在文档中,据说支持touchStart事件,但handleTouchStart不起作用。我找到的唯一一个地方和实际有效的例子是react-touch项目。以下代码有效,但这是唯一的绑定(bind)方式吗?这对我来说似乎是一种廉价的解决方法。varMyHeader=React.createClass({handleTouchStart:function(){console.log('handleTouchStart');},render:function(){returnthis.transferProp

javascript - Angularjs 中的 ng-touchstart 和 ng-touchend

我有一个元素可以在ng-mousedown和ng-mouseup上触发函数。但是,它在触摸屏上不起作用,是否有类似ng-touchstart和ng-touchend的指令? 最佳答案 有一个模块:https://docs.angularjs.org/api/ngTouch但是您也可以为事件编写自己的指令:TouchMe;)M-m-mvarapp=angular.module('plunker',[]);app.controller('MainCtrl',['$scope',function($scope){$scope.touche

javascript - Touch API(例如 touchstart)在 MS Edge 中不起作用

我的应用程序使用TouchAPI来检测JavaScript中的触摸事件。示例:$(".element").on("touchstart",function(event){alert("TRUE");});这适用于具有任何浏览器(如Android或iOS)的任何触摸设备,但它不适用于Windows10平板电脑上的MSEdge,无论是否连接键盘。似乎支持API:Compatibilitylist.但是,我已经测试过:'ontouchstart'inwindow并在此设备上返回false。此外,mousedown似乎被解雇了。这是怎么回事?如何触发Windows10平板电脑上的触摸事件?我想

javascript - 通过触发输入焦点打开 iOS 键盘

尝试查看是否曾为iOS找到解决方案,防止以编程方式将焦点赋予输入?https://jsfiddle.net/88bjy3rL/$('div').on('touchstart',function(event){$('textarea').focus();console.log('touchstart');});$("div").trigger('touchstart');在上面的示例中,touchstart事件仍然在iOS上触发,使用SafariWebInspector输出“touchstart”,但焦点未给予文本区域。单击测试词以手动触发事件将在设置焦点时起作用(但是将focus()包

javascript - 如何将 touchstart 事件正确转换为 mousedown?

我有一个基于mousedown事件的工作代码。我想在事件代码的开头将touchstart事件转换为mousedown事件以保留现有代码。如何将touchstart事件正确转换为mousedown?带有touchstart事件的示例代码:vartop=event.touches[i].pageY; 最佳答案 创建您自己的事件对象,然后使用该事件对象调用您为mousedown事件调用的函数。例如:varmousedownEventFunc=function(e){//usetheeventobjecthoweveralert(e.pag

Jquery touchstart - 如何停止复制/定义 iPad/iOS

我为页面上的div创建了一个简单的Jquery滚动条,除了在iPad上,它完美地工作,触摸向下按钮任何时间长度都会导致iPad询问我是否要复制或定义。有没有办法告诉它不要这样做?或者还有其他方法可以在iPad/iOS上完成整个滚动操作吗?这是Jquery(也对桌面使用mousedown):$('#down').on("mousedowntouchstart",function(){timeoutId=setInterval(function(){scrollIt(5)},20);}).bind('mouseupmouseleave',function(){clearInterval(t

javascript - 当包装在 iframe 中时,touchstart 处理程序会弄乱文本输入的焦点

我正在开发一个phonegap应用程序,它使用iframe嵌入一个已经适合移动设备的网络应用程序。在webapp中有一个搜索功能,它聚焦一个显示虚拟键盘的文本字段。到目前为止一切都很好......但是,我使用的库在文档(iframe内的那个)上注册了一个touchstart监听器。因此,如果当虚拟键盘显示用户在文档中触摸时,键盘将停止工作。从ipad(或XCode中的ipad模拟器...我在7.0.3上测试过)到这里并按照说明操作:https://s3.amazonaws.com/ypassets-andy/app-frame.html有趣的是,如果您不将其包装在iframe中,键盘就

javascript - iPad Javascript/jQuery touchstart 问题

我在iPad上有一个页面,在实现等效的鼠标移出行为时遇到了一些问题。所以我有:在我的页面上,有一个点击(或触摸)复选框,我想显示一个错误消息点击/触摸除errorMsg以外的任何内容时,我想隐藏errorMsg下面是我写的代码;$(document).bind("touchstart",function(e){if(e.target.id!="checkbox_err")$("span#checkbox_err").fadeOut("slow");});}$("input:checkbox").bind("touchstart",function(){$("span#checkbox_