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

Question

我正在使用Html，css，javascript，jquery制作移动网络应用。 我正在页面上初始化iScroll iScroll工作正常 页面包含文本框。 iScroll初始化后，它变得不可编辑。 甚至z-index在这里也没用。

Answer 1

是的，还有另类...... https://github.com/neave/touch-scroll

下载示例并放置您的文本框，然后尝试... 我编辑的示例在http://www.mediafire.com/?uzb5wa0m5hd3dgq

触摸滚动，您也可以编辑文字....

Answer 2

我已将文本框设置为启用iscroll的div

在表单元素下方添加此javascript

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

这适用于iphone 5.1

Answer 3

如果你有一个dom元素监听像ontouchstart这样的事件，那么事件首先触发元素，然后最终冒泡到DOM，浏览器选择它并进行与浏览器相关的工作 - 滚动，复选框等。

另一方面，iScroll阻止此事件冒泡。 iScroll这样做的原因是为了防止浏览器的默认滚动开始。

简短的回答：不可能在iScroll中放置一个文本框。