मैं इनपुट पर क्लिक क्यों नहीं कर सकता?

Question

मैं ब्राउज़र के व्यूपोर्ट की 80% से अधिक पृष्ठों वाले पृष्ठों पर स्क्रॉलबार जोड़ने के लिए iScroll4 प्लगइन (http://cubiq.org/iscroll-4/) का उपयोग कर रहा हूं। किसी कारण से (और केवल इस मामले में) मैं इसे जोड़ता हूं और इनपुट पर क्लिक करने का प्रयास करता हूं, यह चयन नहीं करेगा। केवल अपने लेबल पर क्लिक करने से इनपुट का चयन होगा।

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 का उपयोग करें और यह काम किया की कोशिश करो।

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:/.*/ } 
}