如何使用Jquery / Javascript在运行Windows的PC上实现触摸功能?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了如何使用Jquery / Javascript在运行Windows的PC上实现触摸功能?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1508字,纯文字阅读大概需要3分钟。
内容图文
我已经使用这些代码在我的网站上实现了触摸功能,它适用于iPad / iPhone.
// registering touch events
function initTouchEvents() {
// if a device is a touch device
if (window.Touch) {
document.addEventListener("touchstart", touchHandler, true);
document.addEventListener("touchmove", touchHandler, true);
document.addEventListener("touchend", touchHandler, true);
document.addEventListener("touchcancel", touchHandler, true);
}
}
// making items sortable in touch screen devices
function touchHandler(event) {
var touches = event.changedTouches,
first = touches[0],
type = "";
switch (event.type) {
case "touchstart": type = "mousedown"; break;
case "touchmove": type = "mousemove"; break;
case "touchend": type = "mouseup"; break;
default: return;
}
var simulatedEvent = document.createEvent("MouseEvent");
simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY,
first.clientX, first.clientY, false, false, false, false, 0/*left*/, null);
first.target.dispatchEvent(simulatedEvent);
if (event.type == "touchmove") {
event.preventDefault();
}
}
但是当我在触摸屏电脑上测试我的网站时,它没有运行,我发现了window.Touch只适用于iPhone / iPad.我还尝试了各种其他事件,如typeof(window.ontouchstart!=’undefined’)和(‘ontouchstart’在窗口|| typeof TouchEvent!=“undefined”)但它没有检测到它是触摸屏而不是注册活动以进行触摸移动.
我在这里问的是,javascript中的一个事件可以检测所有触摸设备(IOS / Android / Windows / OSX)并运行注册事件.
解决方法:
Phantom Limb使桌面浏览器模拟触摸事件
https://github.com/brian-c/phantom-limb
内容总结
以上是互联网集市为您收集整理的如何使用Jquery / Javascript在运行Windows的PC上实现触摸功能?全部内容,希望文章能够帮你解决如何使用Jquery / Javascript在运行Windows的PC上实现触摸功能?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。