У меня есть сетка текстовых полей. Когда пользователь нажимает кнопку со стрелкой, мне нужен курсор, чтобы выбрать содержимое текстового поля в том направлении, в котором он только что нажал. Я пытался использовать метод .select () в JQuery, но, похоже, это не работает в IE.

Не могли бы вы дать мне советы о том, как заставить это работать?

Заранее спасибо.

1
Steve 6 Июл 2010 в 13:42

3 ответа

Лучший ответ

Может кто-то исправить правое и левое здесь? Вверх и вниз делает свое дело, навигация внутри текстовых полей, кажется, имеет приоритет

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>test tab</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
<script type="text/javascript">
function checkKey(e){
     switch (e.keyCode) {
        case 40:
            current = $("#field1"); 
            $("#msg").html(current.id); 
            setTimeout('focusIt()',100);
            break;
        case 38:
            current = $("#field3"); // or some more clever way of finding the last field
            $("#msg").html(current.id); 
            setTimeout('focusIt()',100);
            break;
        case 37:
            if (prev) current = prev;
            else current = $("#field3"); // or some more clever way of finding the last field
            $("#msg").html(current.id); 
            setTimeout('focusIt()',100);
            break;
        case 39:
            if (next) current = next; 
            else current = $("#field1")
            $("#msg").html(current.id); 
            setTimeout('focusIt()',100);
            break;
        default:

            }      
}
function focusIt() {
  if(current) {current.focus(); current.select() }
}
var current,next,prev;
$(document).ready(function() {
  if ($.browser.mozilla) {
    $("input").keypress (checkKey);
  } else {
    $("input").keydown (checkKey);
  }
  $("input").focus(function() {
    current=this;
    $("#msg").html(current.id);
    next = $("field"+(parseInt(current.id.replace('field',''))+1));
    prev = $("field"+(parseInt(current.id.replace('field',''))-1));
  });
});
</script>
</head>
<body>
<div id="pagecontent" style="width:95%; margin:10px 10px 10px 10px">
   <form>
   <input type="text" id="field1" value="first"/><input type="text" id="field2" value="second"/><input type="text" id="field3" value="third"/>
   </form>
   <span id="msg"></span>   
</div>
</body>
</html>
0
mplungjan 6 Июл 2010 в 12:36
<input type="text" id="aTextBox" value="Some text">
<script type="text/javascript">
    $('#TextBox').focus().select();
</script>

Попробуйте использовать оба из них в одной строке

0
RobertPitt 6 Июл 2010 в 12:39

Просто используйте метод select() текстового поля, который работает во всех основных скриптовых браузерах, если вы сначала сфокусировали его:

<input type="text" id="aTextBox" value="Some text">
<script type="text/javascript">
    var textBox = document.getElementById("aTextBox");
    textBox.focus();
    textBox.select();
</script>
0
Tim Down 6 Июл 2010 в 09:46