Question

我正在尝试使用

禁用页面滚动

$('body').on('touchmove',function(e){e.preventDefault()});

在Safari中，一切都按预期工作，但在全屏模式下，只有input和textarea不会阻止滚动并忽略任何触摸事件。我认为它始于iOS8。

以下是示例：

<!doctype html>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name=viewport content='width=device-width'>    

<body ontouchmove="event.preventDefault()">    

<div>
    <p>Lorem ipsum dolor sit amet</p>
    <p>Lorem ipsum dolor sit amet</p>
    <p>Lorem ipsum dolor sit amet</p>
</div>    

<input value='Input'><br>
<textarea>Textarea</textarea><br>
<div contentEditable=true>Editable div</div><br>
<button onclick='location.reload()'>Reload</button>

我错过了什么吗？是否可以在触摸<input>？

时阻止滚动

Answer 1

似乎从homescreeen推出的独立网络应用程序中的touchevents回归iOS 8.1.3： - ）

iOS网络应用：输入忽略触摸事件

1 个答案: