我正在构建一个 html5 游戏,我想以编程方式向浏览器发送多点触摸事件。
我的想法是设置一个节点服务器并将事件转发到网页。有没有图书馆已经这样做了,或者我可以模拟这样的事件吗?
例如this page
启用了多点触控,但在桌面上您无法进行交互,因为只有鼠标。如果我可以模拟事件,那么我就可以与对象进行交互。我正在寻找这样的东西...任何指示都有帮助...
我尝试使用::
var e = document.createEvent('UIEvent');
e.initUIEvent('touchstart', true, true);
e.touches = [{pageX: x, pageY: y}];
我没有收到上面的回复,然后我用了这个
var e = document.createEvent('TouchEvent');
e.touches = [{pageX: x, pageY: y}];
如果我不在移动仿真模式下,我会收到错误消息,但当我切换到移动仿真模式时,我没有收到任何响应
我也试过::this
没有运气
更新
var type = 'move'; // or start, end
var event = document.createEvent('TouchEvent');
event.initEvent('touch' + type, true, true);
event.constructor.name; // Event (not TouchEvent)
var point = {x: 10, y: 10 };
event.touches = [{
identifier: Date.now() + i,
pageX: x,
pageY: y,
screenX: x,
screenY: y,
clientX: x,
clientY: y
}, { identifier: Date.now() + i,
pageX: point.x,
pageY: point.y,
screenX: point.x,
screenY: point.y,
clientX: point.x,
clientY: point.y}]
dispatchEvent(event);
这有效但仅在移动仿真模式
有了这个,一个触摸事件被引发了,但是对于一个真实的
触摸,我有以下数据
TouchEvent {metaKey: false, altKey: false, shiftKey: false, ctrlKey: false, changedTouches: TouchList…}
但是对于自定义事件,changedTouches 元素为空,是的,我尝试将 e.touches 设置为 e.changedTouches
TouchEvent {metaKey: false, altKey: false, shiftKey: false, ctrlKey: false, changedTouches: null…}
最佳答案
var type = 'move'; // or start, end
var event = document.createEvent('Event');
event.initEvent('touch' + type, true, true);
event.constructor.name; // Event (not TouchEvent)
var point = {x: 10, y: 10 };
event.touches = [{
identifier: Date.now() + i,
pageX: x,
pageY: y,
screenX: x,
screenY: y,
clientX: x,
clientY: y
}, { identifier: Date.now() + i,
pageX: point.x,
pageY: point.y,
screenX: point.x,
screenY: point.y,
clientX: point.x,
clientY: point.y}]
dispatchEvent(event);
这有效但仅在移动仿真模式
关于javascript - 模拟html5的触摸事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29304317/