防止Safari窗口在iPad上弹跳，并允许选择洗涤器

Prevent Safari Window Bouncing on iPad and Allow Scrubber to be Selected

本文关键字：许选择 选择 洗涤器 窗口 Safari iPad 防止      更新时间：2023-09-26

我在iPad上的Safari中有一个本地视频播放，我无法移动洗涤器(视频位置选择器)。这是视频的代码

  <video id="video-area" controls>
      <source src="videos/person.mp4" type="video/mp4">
  </video>

项目中有很多代码，但我已经将干扰搜索的代码缩小到我用来防止Safari上过度滚动(弹跳)阻止我搜索的代码。

document.ontouchmove = function(event){
   event.preventDefault();
}

是否有一种方法可以阻止代码干扰视频，并保持我的屏幕过度滚动?

这是这种特殊的攻击所带来的一般问题。这不是一种防止弹性滚动的方法，因为它会杀死所有与touchmove相关的操作。

如果使用这个hack，你将需要过滤掉所有你希望能够接收这些事件的元素。

document.ontouchmove = function(event){
   if (event.target.tagName === 'VIDEO') {
       return;
   }
   event.preventDefault();
}
相关文章：