我正在使用C#和.net创建一个网站,并且正在寻找特定的功能。我有一个按钮和一个文本框。在onclick按钮上,文本框将获得焦点,并且今天的日期将添加到顶部。然后,用户可以将注释添加到文本框中并保存。现在,在创建第一个不是的几天后,用户再次单击该按钮。今天的新日期将添加到顶部,而旧的日期/注释将向下移动一行。我想做的是将光标定位在当前日期之后但旧日期/注释之前,以便用户不必自己单击位置。
我已经能够将光标放在文本框的末尾,但不能放在位置12或第2行。这可能吗?
这将帮助您移动光标并专注于文本框中的第n个字符。如果您具有以下文本框和按钮元素:
<div>
<input type="text" id ="txtTest" name="txtText" class="col-md-4"/>
<input type="button" id="btnTest" value="Focus on textbox"/>
</div>
单击按钮后,下面的操作会将光标移动到文本框中的第n个字符。
<script>
$("#btnTest").on("click", function () {
var positionToPlaceCursor = 3;// as an example
$.fn.setCursorPosition = function (pos) {
this.each(function (index, elem) {
if (elem.setSelectionRange) {
elem.setSelectionRange(pos, pos);
} else if (elem.createTextRange) {
var range = elem.createTextRange();
range.collapse(true);
range.moveEnd('character', pos);
range.moveStart('character', pos);
range.select();
}
});
return this;
};
$("#txtTest").setCursorPosition(positionToPlaceCursor);
});
</script>
我在这里找到它:http : //www.sitepoint.com/jqueryhtml5-input-focus-cursor-positions/
希望对您有所帮助!
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句