通過javascript將焦點設置到輸入標簽的末尾

Question

敬禮 我對javascript有一些問題。

我制作了翻譯腳本，該腳本允許格魯吉亞用戶通過拉丁字母鍵入格魯吉亞。 因此，當我在input標簽上進行操作時，無法將焦點設置到文本的末尾..正確地，光標位於文本的末尾，但是如果文本比input標簽大得多，則它必須自動滾動並且不能隱藏。

這是代碼。

$(document).ready(function() {
    $(".geok").geokbd();
});
$.fn.geokbd = function() {
    symbols = "abgdevzTiklmnopJrstufqRySCcZwWxjh";
    this.relatedCheckbox = $("<input type=\"checkbox\" name=\"geokbd\" />").attr('checked', true);
    $(this).after(this.relatedCheckbox);
    $(this).keypress(
        function(e) {
            if ((e.charCode) == 96) {
                if ($(this).next('input').attr('checked')) {
                    $(this).next('input').attr('checked', false);
                } else {
                    $(this).next('input').attr('checked', true);
                }
                    return false;
                }
                if ($(this).next('input').attr('checked')) {
                    if ((index = symbols.indexOf(String.fromCharCode(e.charCode))) >= 0) {
                        ret = String.fromCharCode(index + 4304);
                            this.focus();
                            var scrollTop = this.scrollTop, 
                            start = this.selectionStart, 
                            end = this.selectionEnd;

                            var value = this.value.substring(0, start)  + ret + this.value.substring(end,this.value.length);

                            this.value = value;
                            this.scrollTop = scrollTop;
                            this.selectionStart = this.selectionEnd = start + ret.length;

                            return false;
                        }
                    }

                }
        );
}

謝謝

Answer 1

有幾個很好的答案

使用JavaScript將光標放在文本輸入元素中的文本末尾

例如，您可以使用

        <input id="search" type="text" value="mycurrtext" size="30" 
        onfocus="this.value = this.value;" name="search"/>

或者，您可以使用JQuery插件：PutCursorAtEnd。 作者甚至在此處發布了源代碼，我測試了它對於Opera的有效性。

Answer 2

獲取最后一個輸入標簽的id並用該ID替換name ，以下是基本邏輯

<script type="text/javascript">
function setFocus()
{
     document.getElementById("name").focus();
}
</script>
</head>

<body onload="setFocus()">
  <form>
       Name: <input type="text" id="name" size="30"><br />
       Surname: <input type="text" id="surname" size="30"> 
  </form>
</body>

Answer 3

您是否嘗試過這個：

function doSetCaretPosition (oField, iCaretPos) {
    // IE Support
    if (document.selection) {
        // Set focus on the element
        oField.focus ();
        // Create empty selection range
        var oSel = document.selection.createRange();
        // Move selection start and end to 0 position
        oSel.moveStart ('character', -oField.value.length);
        // Move selection start and end to desired position
        oSel.moveStart ('character', iCaretPos);
        oSel.moveEnd ('character', 0);
        oSel.select ();
    }
    // Firefox support
    else if (oField.selectionStart || oField.selectionStart == '0') {
        oField.selectionStart = iCaretPos;
        oField.selectionEnd = iCaretPos;
        oField.focus ();
    }
}
$(document).ready(function() {
    $("#yourElement").focus();
    doSetCaretPosition(document.getElementById("yourElement"),999);
});

（來源： http : //www.webdeveloper.com/forum/archive/index.php/t-74982.html ）

通過javascript將焦點設置到輸入標簽的末尾

問題描述

3 個解決方案

解決方案1
0 2014-06-26 14:26:06

解決方案2
0 2011-03-23 09:22:42

解決方案3
0 2011-03-23 10:03:53

通過javascript將焦點設置到輸入標簽的末尾

問題描述

3 個解決方案

解決方案1 0 2014-06-26 14:26:06

解決方案2 0 2011-03-23 09:22:42

解決方案3 0 2011-03-23 10:03:53

解決方案1
0 2014-06-26 14:26:06

解決方案2
0 2011-03-23 09:22:42

解決方案3
0 2011-03-23 10:03:53