jQuery mobile iscroll view：無法正確輸入文本框

在我的jquery mobile ios phonegap應用程序中，我使用了iscroll。在使用iscroll時，文本框的行爲異常（在輸入每個字符時上下移動）。jQuery mobile iscroll view：無法正確輸入文本框

我在我的應用程序通過啓用iscroll，

添加以下腳本：

<script src="js/iscroll.js"></script> 
<script src="js/jquery.mobile.iscrollview.js"></script>

我的頁面看起來像，

<div data-role="page" id="index"> 
    <div data-theme="a" data-role="header" data-position="fixed" data-id="footer" data-tap-toggle="false" data-transition="none"> 
    </div> 
    <div data-role="content" data-iscroll> 
     // following text field works weirdly 
     <input id="txtComment" placeholder="COMMENTS" value="" type="text" data-theme="b"/> 

    </div> 
    <div data-role="navbar" data-position="fixed" data-theme="a" data-id="footer" data-tap-toggle="false" data-transition="none"> 
    </div> 
</div>

我嘗試添加以下代碼，但沒有工作

var selectField = document.getElementById('txtComment'); 
selectField.addEventListener('touchstart', function(e) { 
     e.stopPropagation(); 
}, false);

我該如何解決它？

請幫忙。

來源

2013-08-22 Erma Isabel

使用此功能與iscroll您可以輸入表單字段.....

<script type="text/javascript"> 

    var myScroll; 
    function loaded() { 
     myScroll = new iScroll('wrapper', { 
      useTransform: false, 
      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); 

</script>

來源

2013-08-22 14:43:07 Ranjit

其實我在內容div中使用data-iscroll，data-tap-toggle =「false」data-transition =「none」在標題中修正標頭。 iscroll在內容div中是inintialising（不像你提到的）。 –

嘗試：機器人：

在Android清單活動

windowSoftInputMode = 「adjustNothing」

來源

2013-09-25 17:39:44 TorchMan

同樣的問題爲我提出。只需刷新您的滾動使用

setTimeout(function() { myScroll.refresh(); }, 1000);

通過在正確的地方添加刷新，你可以克服這個問題。我已經通過許多網站，並嘗試了很多，它完美地工作。

如果它不起作用，那麼它的移動版本（android，ios）的問題，因爲滾動deosn't支持。希望它能幫助你。

來源

2013-10-19 11:46:11

@Erma Isabel：我可以知道你在哪個移動設備上進行過測試..？你的問題解決了嗎？ –

jQuery mobile iscroll view：無法正確輸入文本框

回答

相關問題