Question

我正在使用iScroll4插件（http://cubiq.org/iscroll-4/）将滚动条添加到长度超过浏览器视口高度80％的页面。出于某种原因，当（并且仅在这种情况下）我添加它并尝试点击输入时，它将不会选择。只需点击其标签即可选择输入。

如何使用iScroll4和可选择的输入？

Answer 1

试试这个解决方案

   myScroll = new iScroll('wrapper', {});

   myScroll.options.onBeforeScrollStart = function(e) {                
        var target = e.target;

        while (target.nodeType != 1) target = target.parentNode;
        if (target.tagName != 'SELECT' && target.tagName != 'INPUT' && target.tagName != 'TEXTAREA'){
            e.preventDefault();
        }
   }

Answer 2

$('input[type=text]').bind('touchstart click', function(){
    $(this).focus();
});

Answer 3

var myScroll;
function loaded() {
    myScroll = new iScroll('wrapper', { scrollbarClass: 'myScrollbar' });

   myScroll.options.onBeforeScrollStart = function(e) {                
        var target = e.target;

        while (target.nodeType != 1) target = target.parentNode;
        if (target.tagName != 'SELECT' && target.tagName != 'INPUT' && target.tagName != 'TEXTAREA'){
            e.preventDefault();
        }
    }
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

document.addEventListener('DOMContentLoaded', loaded, false);

Answer 4

我使用版本5.1.2并且它有效。

Convert.ToDecimal

为什么我不能点击输入？

4 个答案: