Javascript Phonegap/Cordova中的可滚动文本区域

Javascript Phonegap/Cordova中的可滚动文本区域,javascript,cordova,scroll,textarea,Javascript,Cordova,Scroll,Textarea,我有一些textarea元素,用户可以在其中向同伴输入消息 这些在Phonegap网络视图的模式中显示 当模式出现在屏幕上时,我禁用WebView主体上的滚动,如下所示: document.ontouchmove = function(e) { e.preventDefault(); }; 同样,当我隐藏模态时,我会像这样重新启用它: document.ontouchmove = function(e) { return true; }; textarea元素似乎无法在触摸事

我有一些textarea元素,用户可以在其中向同伴输入消息

这些在Phonegap网络视图的模式中显示

当模式出现在屏幕上时,我禁用WebView主体上的滚动,如下所示:

document.ontouchmove = function(e) {
    e.preventDefault();
};
同样,当我隐藏模态时,我会像这样重新启用它:

document.ontouchmove = function(e) {
    return true;
};
textarea元素似乎无法在触摸事件上滚动。我对此进行了研究,并尝试应用以下CSS:

overflow-y: scroll; /* has to be scroll, not auto */
-webkit-overflow-scrolling: touch;
但这没有帮助

当用户输入一些长文本时,textarea将根据文本量移动,但用户无法滚动回上一个位置


有解决办法吗

您可以查看移动事件是否来自文本区域,并允许这些事件通过

document.ontouchmove = function(e){ 
    if(e.srcElement.type !== "textarea"){ 
        e.preventDefault();
    } 
};

您可以查看移动事件是否来自文本区域,并允许这些事件通过

document.ontouchmove = function(e){ 
    if(e.srcElement.type !== "textarea"){ 
        e.preventDefault();
    } 
};

在head标签中添加jquery Mobile js。。它将工作



在head标签中添加jquery Mobile js。。它将起作用

如果在屏幕上显示模式时不禁用滚动,会发生什么?你能在文本区滚动吗?如果你在屏幕上显示模式时不禁用滚动会发生什么?你能在文本区滚动吗?