Ввод текста выберите () через onkeydown

Question

Я скопировал элемент из здесь ; document.getElementById("myTdext").select();

и попытался включить Выбор текста ввода () через onkeydown, но, похоже, он не работает как в примере (внешняя ссылка выше.)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="idname" type="text" onkeydown="myFunction(event)">

<script>
window.onload = function() {
    var input = document.getElementById("idname").focus();
  }
function myFunction(event) {
  var x = event.which || event.keyCode;
  if (x == 40) { //ArrowDown
  document.getElementById("idname").select(); // <- this is the copied element
}
}
</script> 

Любой предложения?

Answer 1

Вам нужно использовать свойство keyup вместо keydown, потому что когда вы используете keydown, оно снова отменит фокус на keyup.

Вам также нужно поместить myFunction вне window.onload (), в противном случае вы не можете назвать это:

function myFunction(event) {
    var x = event.which || event.keyCode;
    if (x == 40) { //ArrowDown
        document.getElementById("idname").select();
    }
 }

 window.onload = function() {
     var input = document.getElementById("idname").focus();
 }

<input id="idname" type="text" onkeyup="myFunction(event)">