首页 > Web开发 > 详细

JS 模拟触摸事件

时间:2020-04-20 13:29:27      阅读:100      评论:0      收藏:0      [点我收藏+]

var button = document.getElementsByClassName("geetest_slider_button")[0];
var x = 660;
var y = 469;
var touchs = [];
for(var i =0;i<1000;i++){
touchs.push({
identifier: 0,
target: button,
clientX: i,
clientY: 0,
screenX: i,
screenY:0,
pageY: i,
pageX: 0,
radiusX: 11.5,
radiusY: 11.5,
rotationAngle: 0,
force: 1
})
}
var touch = new Touch({
identifier: Date.now(),
target: button,
clientX: 0,
clientY: 0,
screenX: 0,
screenY:0,
pageY: 0,
pageX: 0,
radiusX: 2.5,
radiusY: 2.5,
rotationAngle: 10,
force: 0.5
})
// 构建TouchEvent
var touchstart = new TouchEvent("touchstart", {
cancelable: true,
bubbles: true,
composed: true,
touches: [touch],
targetTouches: [touch],
changedTouches: [touch]
});
button.dispatchEvent(touchstart);
setTimeout(()=>{
touchs.forEach((v,i)=>{
setTimeout(()=>{
var touch = new Touch(v);
var touchmove = new TouchEvent("touchmove", {
cancelable: true,
bubbles: true,
composed: true,
touches: [touch],
targetTouches: [touch],
changedTouches: [touch]
});
button.dispatchEvent(touchmove);
},i+50);
})
},1000)

 

记录一下,要求是DOM侦听mousemove事件,PC版chrome需要用手机模式调试

JS 模拟触摸事件

原文:https://www.cnblogs.com/ksyy/p/12736835.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!