Javascript 触摸屏防止滚动
我有一个联想触摸屏桌面,在那里我运行一个基于触摸的网站。问题是当我用八个手指点击并尝试滚动时,浏览器(Chrome)似乎冻结了。浏览器锁定。所以我尝试用jQuery创建一个函数,它只注册一个单触事件 以下是我现在拥有的:Javascript 触摸屏防止滚动,javascript,jquery,touch,Javascript,Jquery,Touch,我有一个联想触摸屏桌面,在那里我运行一个基于触摸的网站。问题是当我用八个手指点击并尝试滚动时,浏览器(Chrome)似乎冻结了。浏览器锁定。所以我尝试用jQuery创建一个函数,它只注册一个单触事件 以下是我现在拥有的: var isTouched = false; var $document = $(document); $document.on('touchstart', function (e) { if (!isTo
var isTouched = false;
var $document = $(document);
$document.on('touchstart', function (e) {
if (!isTouched) {
isTouched = true;
console.log('start: ' + isTouched);
$document.on('touchend', function() {
if (isTouched) {
isTouched = false;
console.log('end: ' + isTouched);
}
});
}
});
它工作正常,但它阻止我滚动,当我将第一个手指从屏幕上提起时,touchend
似乎正在启动。当我将手指从导致触摸启动的屏幕上抬起时,touchend
才会触发预期行为。关于创建一个功能的任何建议,该功能一次只注册一个touchstart
,并允许滚动(即不忽略touchmove
)