Question

参见下面的代码这是HTML

 <asp:TextBox ID="txtInTime" runat="server" CssClass="TextBox" Width="60px"
    OnClick="fnFocus(this.id)" ></asp:TextBox>

这里是javascript

   function fnFocus(id) {
   document.getElementById(id).focus();    
   }

以上代码在所有浏览器中运行期望chrome ... 我希望文本框点击文本框的焦点在第一个位置..在chrome中没有进入角色的第一个位置.. 请帮忙... 任何建议...... ??

Answer 1

您可以使用setSelectionRange执行此操作：

function fnFocus(id) {
    var input = document.getElementById(id);
    input.focus();
    input.setSelectionRange(0, 0);
}

演示：Fiddle

Answer 2

setSelecionRange在Chrome中不适用于我。

试试这个X-Browser：

//设置光标位置的功能，然后我们设置文本框的位置

$.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; };

$('#txtInTime').setCursorPosition(0);

//在你的代码中

<asp:TextBox ID="txtInTime"...... OnClick="$(this).setCursorPosition(0);"></asp:TextBox>

Source

如何在文本框点击事件--- Chrome问题中设置文本框中字符的第一个位置

2 个答案: