Tại sao tôi không thể nhấp vào đầu vào?

Question

Tôi đang sử dụng plugin iScroll4 (http://cubiq.org/iscroll-4/) để thêm thanh cuộn vào các trang dài hơn 80% chiều cao của chế độ xem của trình duyệt. Đối với một số lý do khi (và chỉ trong trường hợp này) tôi thêm nó và cố gắng bấm vào đầu vào, nó sẽ không chọn. Chỉ việc nhấp vào nhãn của nó sẽ chọn đầu vào.

Tôi có thể làm gì để có iScroll4 và đầu vào có thể chọn?

Answer 1

Hãy thử giải pháp này

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

tôi sử dụng phiên bản 5.1.2 và nó làm việc.

window.myScroll = new IScroll ('#iscroll-wrapper', 
    probeType: 3, 
    mouseWheel: true, 
    scrollbars: true, 
    bounce: true, 
    keyBindings: true, 
    invertWheelDirection: false, 
    momentum: true, 
    fadeScrollbars: false, 
    interactiveScrollbars: true, 
    resizeScrollbars: true, 
    shrinkScrollbars: false, 
    click: false, 
    preventDefaultException: { tagName:/.*/ } 
}