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

After iScroll initialization in mobile web app ... textbox is not editable

本文关键字：文本 编辑 之后 iScroll web 移动 应用程序 初始化      更新时间：2023-09-26

我正在用Html、css、javascript和jquery制作移动web应用程序。我正在初始化页面上的iScroll
iScroll运行良好
页面包含文本框。iScroll初始化后，它将不可编辑。即使是z索引在这里也没用。

是的，还有其他选择。。。。https://github.com/neave/touch-scroll

下载示例并放入文本框，然后尝试。。。我编辑过的例子在这里http://www.mediafire.com/?uzb5wa0m5hd3dgq

触按可滚动，您还可以编辑文本。。。。

我已经使我的文本框在启用iscroll的div 中工作

在表单元素下方添加此javascript

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

这在iphone 5.1 中适用

如果您有一个dom元素在侦听ontouchstart等事件，则该事件首先在元素上触发，然后最终冒泡到dom，浏览器在那里拾取它并执行与浏览器相关的工作-滚动、复选框等。

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

简短的回答是：不可能在iScroll中放入文本框。

相关文章：