我正在构建一个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但没有运气
Update
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);
这工作但只在 mobile emulation mode
有了这个触摸事件,但有一个 real 触摸我有以下数据
TouchEvent {metaKey: false, altKey: false, shiftKey: false, ctrlKey: false, changedTouches: TouchList…}
但是对于自定义事件,changedTouches元素为null,是的,我尝试设置 e.touches to e.changedTouches
TouchEvent {metaKey: false, altKey: false, shiftKey: false, ctrlKey: false, changedTouches: null…}