jjzjj

touchStarted

全部标签

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 - 如何将 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_

javascript - 如何在 iOS 上将所有 onClick 事件更改为 TouchStart?

OnClick事件在iOS浏览器上执行之前有约400毫秒的超时时间(demo)。我想将它更改为所有具有onClick的DOM元素的TouchStart事件。我怎样才能做到?我使用jQuery并尝试检查所有元素的点击功能:$('*').each(function(){if($(this).click!=null){//BUTallelementsinDOMhasclick}}) 最佳答案 我没有确切的答案,但我认为你应该能够让它做你想做的事。对于页面上每个具有OnClick的元素,添加一个类-例如TouchTarget。然后在您的启动

javascript - iOS touchstart 和 touchmove 之间的延迟?

我正在尝试将我的网络应用程序转换为移动设备可用的形式。我正在尝试构建对水平滚动等触摸手势的支持。我在我的应用中发现了一些奇怪的行为。我用touchstart事件开始一个手势,然后在touchmove上滚动。但是,我的应用程序在接收这两个事件之间有500-700毫秒的延迟。据我所知,我的应用在这两个事件之间没有做任何其他工作。其他方面:代码是用jquery写的,使用$(element).bind(touchmove,function(ev){returnmyobject.DoTouch(ev)}如果DoTouch命令只是检查ev.type,记录触摸位置,并返回false。有什么想法可以解

javascript - 为什么Android点击区域的半径比touchstart更宽?我怎样才能使它一致?

我有一个简单的矩形anchor标签。我使用jQuery响应click和touchstart事件,如下所示:$(document).ready(function(){$("#button").on("clicktouchstart",function(e){$("#log").append(e.type+"");});});HTML看起来像这样: Log:CSS很简单:#wrapper{padding:50px;}#button{display:block;width:200px;height:40px;text-decoration:none;color:#333;backg