Tag: 触控

使用Jquery检测Windows Tablet(触摸Windows设备)

我的网站运行的脚本只对鼠标有用,必须在触摸屏上禁用,因为它不适用于它们。 所以要解决它我用这个: var deviceAgent = navigator.userAgent.toLowerCase(); var isTouchDevice = Modernizr.touch || (deviceAgent.match(/(iphone|ipod|ipad)/) || deviceAgent.match(/(android)/) || deviceAgent.match(/(iemobile)/) || deviceAgent.match(/iphone/i) || deviceAgent.match(/ipad/i) || deviceAgent.match(/ipod/i) || deviceAgent.match(/blackberry/i) || deviceAgent.match(/bada/i)); if (!isTouchDevice) { //my fonction } 但是这个代码没有检测到其他触摸设备,主要是像平板电脑(我有一个),我想用deviceAgent或其他任何其他触摸设备或所有触摸设备检测,如果可能的话。 非常感谢您的帮助 !

如何使用jQuery的.trigger(’dragstart’)来实现HTML5的拖放function.setData / .getData

当使用jQuery的.trigger(’dragstart’)来触发具有属性ondragstart =“drag(event)”的元素上的函数时,你如何在触摸设备上拖放HTML5 .setData / .getData?** 示例流程: 用户使用touchmove事件拖动元素 element以下两个属性: .bind(’touchmove’,function(event){$(this).trigger(’dragstart’);}); ondragstart = “拖动(事件)” drag(event)尝试使用event.dataTransfer.setData(“Text”,event.target.id); 结果是以下错误。 “未捕获的TypeError:无法读取未定义的属性’setData’” 对于鼠标事件ondragstart,拖动(事件)函数中的.setData / .getData调用工作正常。 但是,当通过.trigger()触发ondragstart时,.setData / .getData方法无法正常工作并返回错误 尝试拖动订单时,为什么会出现以下错误; 以及如何解决?** “未捕获的TypeError:无法读取未定义的属性’setData’” 请不要指向使用TouchPunch等.js库。 我正在尝试绑定’touchmove’事件来触发拖动(事件)并提供相同的.setData / .getDatafunction,该function可用于鼠标拖动触发事件。 —> jsFiddle Link <— HTML: Order Queue Johnny Cash Order Number: 100 101 Johnny Cash Queue Bar Test Log JavaScript的: var orders = $(‘.order’); var testelement = […]

扩展jQuery的.on()以使用移动触摸事件

我试图使用jQuery移动事件而不使用jQuery mobile的其余部分。 https://github.com/jvduf/jquery-mobile-events/blob/master/jquery.mobile.events.js 该片段可以启用它们,并且可以正常工作,但不能使用.on()事件处理程序。 例如: $(‘a’).on(‘tap’,function(){ console.log(‘Hi there!’); }); 但它确实适用于.live(),但现在已经折旧了。 所以我的问题; 有没有办法扩展.on()function,以包括点击事件和其他? 完整列表如下: touchstart touchmove touchend orientationchange 龙头 taphold 刷卡 swipeleft swiperight scrollstart scrollstop 谢谢 :)