如何在页面加载时将光标聚焦在特定的输入框上？
是否可以保留初始文本值并将光标放在输入的末尾？
<input type="text" size="25" id="myinputbox" class="input-text" name="input2" value = "initial text" />
我有3个文本框用于电话号码.当用户键入时,它会自动从一个文本框移动到下一个文本框.当用户按下退格键时,我可以将焦点移动到上一个文本框.问题是在IE中,焦点设置为文本框的开头.这是我的代码,在chrome中运行良好.
$('#AreaCode').live('keyup', function (event) {
if ($(this).val().length == $(this).attr("maxlength"))
$('#Prefix').focus();
});
$('#Prefix').live('keyup', function (event) {
if (event.keyCode == 8 && $(this).val().length == 0)
$('#AreaCode').focus();
if ($(this).val().length == $(this).attr("maxlength"))
$('#Number').focus();
});
$('#Number').live('keyup', function (event) {
if (event.keyCode == 8 && $(this).val().length == 0)
$('#Prefix').focus();
});
向后退时,如何将焦点设置在内容的末尾？
所以,目前我有一个文本输入字段,其值也是自动聚焦的.
在页面加载时,选择/突出显示该值.有没有办法我可以将光标放在值文本的末尾,而不是在javascript或CSS中突出显示它？
这是一个js小提琴,自动对焦文本的值突出显示:http://jsfiddle.net/TaGL5/
这是HTML代码: <input type="text" value="value text" autofocus />
我有以下函数将选择器添加到搜索输入作为高级选项,就像堆栈溢出高级搜索一样.
当您单击要搜索的内容时,它会添加前缀.见下面的Jquery:
<script>
$(document).ready(function () {
$("table#advanced_search_options tr").click(function () {
var SearchSelection = $(this).children("td:last-of-type").html();
var SearchInput = $('#Search');
SearchInput.val(SearchInput.val() + SearchSelection);
return false;
alert(SearchSelection);
});
});
</script>
如何操作上面的内容也将焦点带到#search输入,将胡萝卜(闪烁的文本插入光标)放在插入的文本/值的末尾？例如.
HC:< - 我的搜索输入的附加值,我想在这里设置光标,紧跟在:
我有一个textarea,当我点击它时,我想将插入符号移动到最后一个字符 Something[caret]
function moveCaret(){
// Move caret to the last character
}
<textarea onclick="moveCaret();">
Something
</textarea>
据我所知,TextRange对象在某种程度上是可行的,但我真的不知道如何使用它
编辑:我很想看到纯粹的JavaScript解决方案,所以没有图书馆请.
我有一个图像选择器,允许从图库中选择一个图像,然后将URL填入一个<input type="text">字段.URL可能非常长,并且始终在文本字段中看到URL的前半部分具有非常小的信息值.
有人知道一种"滚动"到文本字段右侧的方法,以便URL的末尾可见而不是开头吗？没有诉诸textarea.
我试图使用jQuery基本上替换用户点击"输入"后文本框中文本末尾的光标
我有"输入"部分工作 - 但我不知道[在输入部分之后] - 我可以让光标返回到文本框内输入文本的末尾？
即在此刻,当用户点击进入时 - 光标转到一个新行,我希望它基本上到达当前文本的末尾？
一些代码:
jQuery('#textbox').keyup(function (e) {
if (e.keyCode == 13) {
... submits textbox
}
jQuery(this).focus(function() {
var val = this.input.value; //store the value of the element
this.input.value = ''; //clear the value of the element
this.input.value = val; //set that value back.
)};
});
我有一个控制输入,最初显示的值.我已将该输入设置为autoFocus,但是当我希望它在最后出现时,光标出现在输入的开头.我理解这可能是因为autoFocus是在值之前添加的,但我不是100%肯定.
在输入字段结束时完成光标初始化的最佳方法是什么？
var Test = React.createClass({
getInitialState: function() {
return {
teamId: 'fdsfds'
};
},
render: function() {
return (
<input type="text" autoFocus value={this.state.teamId} onChange={this.setTeamId} />
);
},
setTeamId: function(event) {
this.setState({ teamId: id });
},
});
ReactDOM.render(
<Test />,
document.getElementById('container')
);
我有一个文本框,当我对焦时,我希望光标转到文本框的末尾.
不断涌现的解决方案就是
this.value = this.value
我用一个简单的方法尝试了这个:
function InputClicked(element) {
element.className = "inputfocused";
element.value = element.value;
}
但奇怪的是这个,它似乎转到结束然后跳到文本框的开头.
我有一个<input id="inp" type="text">用户写入,有时使用字典中的建议.当选择建议时,我做:
var input = $('#inp');
input.val(input.val()+suggestedText+' ');
input.focus(); // that is because the suggest can be selected with mouse
一切都很好,但是当添加一个建议使得结果input.val()太长而无法适应编辑字段时,光标位于字符串的末尾(这很好),但只有字符串的开头在编辑中可见字段,因此光标也被隐藏.
一旦按下一个键(一个改变值的键),"滚动"就会到达隐藏开头的字符串的末尾...如何自动触发此行为,而不必按键？
我在这里找到了一个解决方案- 但由于整个输入体验发生了变化,这并不好......