在移动网络应用程序iScroll初始化后...文本框是不可编辑

问题描述:

我的HTML制作移动网络应用程序,CSS,JavaScript的,jQuery的。 我正在初始化页面上的iScroll。
iScroll工作正常。
页面包含文本框。它在iScroll初始化后不可编辑。 甚至z-index在这里也没用。在移动网络应用程序iScroll初始化后...文本框是不可编辑

是的,有替代.... https://github.com/neave/touch-scroll

下载榜样,把你的文本框,只是尝试... 我编辑的例子是在这里http://www.mediafire.com/?uzb5wa0m5hd3dgq

触摸滚动,你可以编辑文本还....

如果您有一个dom元素正在监听诸如ontouchstart这样的事件,那么事件首先在元素上触发,然后最终冒泡到DOM,浏览器在其中捡起并浏览器相关的工作 - 滚动,复选框等。

在另一方面,iScroll防止这一事件向上冒泡。究其原因iScroll做这是为了防止浏览器的默认从踢滚动

简短的回答:这是不可能把一个文本框里面iScroll。

+0

据悉bug..http://code.google.com/p/iscroll-js/issues/detail ID = 17 ....但有没有解决这个问题....因为我想要滚动条和页面 – 2012-03-05 11:43:42

+0

中的文本框是的,我今天刚刚阅读它:http://fioravengi.blogspot.in/2011/06/implications-of-ios-5 -webkit-overflow.html 还存在一些问题,但我相信就会有溢出一些不错的功能添加滚动在未来数个月。 – skyronic 2012-03-05 11:57:19

我已经作出了文本框在iscroll工作启用格

只是下面的表单元素添加此javascript

var selectField = document.getElementById('input_field'); 
selectField.addEventListener('touchstart' /*'mousedown'*/, function(e) { 
     e.stopPropagation(); 
}, false); 

这对我的作品在iPhone 5.1