ios 15 Safari-双击禁用打开的标签栏答案

【问题标题】：ios15 Safari- disable opening tab bar on double tapios 15 Safari-双击禁用打开的标签栏
【发布时间】：2021-10-10 12:28:48
【问题描述】：

如何防止每次用户在纵向模式下在新的 ios 15 Safari 上双击我的网页时打开标签栏。

【问题讨论】：

标签： javascript safari tabbar ios15

【解决方案1】：

防止浮动地址栏在点击或滑动时弹出的一种方法是在触摸/鼠标事件上使用preventDefault()。我发现在 iOS 15 Beta 4 上处理 canvas 占用全屏时，这对我有用：

const preventDefault = (evt) => {
    evt.preventDefault()
}

// Make sure to remove these event listeners later.
canvas.addEventListener('touchmove', preventDefault)
canvas.addEventListener('touchend', preventDefault)
canvas.addEventListener('touchstart', preventDefault)
canvas.addEventListener('mousedown', preventDefault)

如果您没有canvas，您将希望将其附加到不同的全屏 DOM 元素。在我的测试中，我发现使用document 或body 存在一些问题，因此您可能需要做一些工作和测试以确定哪些方法有效并且可以安全使用（即不会阻止button 的工作） .

【讨论】：