0

我有一个像这样的表格:

<form action='word.php' name = 'searchbox'>
<input type='text' name='word' id = 'searchbox' value = 'default'>
</form>

在我的身体里,我有:

<body onLoad="searchbox.word.focus()">

你可以在这里看到小提琴:http: //jsfiddle.net/WEZ7S/

我想要实现的只是在“默认”末尾有一个闪烁的光标,而是选择了整个单词。

令人惊讶的是,谷歌一直无法找到任何解决方案。我该怎么做?

4

3 回答 3

3

您可以通过重置.value元素的属性来解决此问题:

searchbox.word.focus();
searchbox.word.value = searchbox.word.value;

还有一些比较简单的解决方案:使用 JavaScript 将光标放在文本输入元素中的文本末尾

演示:http: //jsfiddle.net/WEZ7S/1/

于 2012-12-03T02:48:20.243 回答
1

从先前回答的问题:https ://stackoverflow.com/a/13371452/1238887

这是一个漂亮的小技巧:

$(document).ready(function() {
    var $field = $("#searchbox"),
        oldVal = $field.val();
    $field.focus().val('').val(oldVal);
});

演示:http: //jsfiddle.net/X7Y8S/

于 2012-12-03T02:47:18.007 回答
0

使用setSelectionRange(Chrm,FF):

var len = searchbox.word.length;

searchbox.word.focus();
searchbox.word.setSelectionRange(len, len);
于 2012-12-03T02:51:12.480 回答