2014-11-23 73 views
0

我试图使用iOS的Web应用程序:输入忽略触摸事件

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

在Safari中一切禁用页面滚动工作正常,但在全屏模式下仅inputtextarea不妨碍滚动和忽略任何触摸事件。我认为它开始于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>滚动?

回答

0

似乎从homescreeen推出的独立web应用中的touchevents回到了iOS 8.1.3 :-)