Question

我目前正在编写一个简单的webapp来查看Android浏览器中的推文。我正在使用此代码将插入符号集中在当前文本之后：

var oldContent = document.tweetBox.tweet.value;
document.tweetBox.tweet.value = '';
document.tweetBox.tweet.focus();
document.tweetBox.tweet.value = oldContent + to;

此代码在Chrome，Fluid，Opera，Firefox和Safari中完美运行最奇怪的部分是，如果我使用我的硬件键盘，光标开始在'到'文本后开始闪烁，但是我输入的文本开始于我在执行JS之前输入的位置。
如果我使用软键盘，文本输入将从textarea的开头开始。

p.s javascript是关注者建议的一部分，所以如果你开始输入@gn，它会在一个单独的div中建议@gnur_nl，当你按回车时，这个条目被选中。

更新：此行为似乎是浏览器错误a bug report has been filed的结果。

Answer 1

听起来像浏览器错误。尝试手动设置插入位置：

var textArea = document.tweetBox.tweet, oldContent = textArea.value;
textArea.value = oldContent + to;
textArea.focus();
textArea.selectionStart = textArea.selectionEnd = textArea.value.length;

Answer 2

setCaret = function(obj,pos) {
    // IE Support
    if (document.selection) { 

        // Set focus on the element
        obj.focus ();

        // Create empty selection range
        var oSel = document.selection.createRange ();

        // Move selection start and end to 0 position
        oSel.moveStart ('character', -obj.value.length);

        // Move selection start and end to desired position
        oSel.moveStart ('character', pos);
    }

    //standard browsers
    else if (obj.selectionStart || obj.selectionStart == '0') {
        obj.selectionStart = pos;
        obj.selectionEnd = pos;
        obj.focus ();
    }
};

并设置到正确的位置

setCaret(document.getElementById("area"),document.getElementById("area").value.length);

在Android浏览器中将文本重点放在文本后面

2 个答案: