iOS的Web应用程序:输入忽略触摸事件
问题描述:
我试图使用iOS的Web应用程序:输入忽略触摸事件
$('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>
滚动?
答
似乎从homescreeen推出的独立web应用中的touchevents回到了iOS 8.1.3 :-)