Как я могу инициировать событие без взаимодействия с пользователем, используя jQuery/vanilla JavaScript?

Question

У меня есть основное поле ввода. Когда страница заканчивается загрузкой, я хотел бы автоматически сфокусироваться на поле ввода, установить значение и, наконец, запустить «ввод» нажатием клавиши без запуска пользователем этих событий.

В приведенном ниже коде первые два шага работают нормально, но ключ ввода никогда не запускается (у меня есть предупреждение, когда оно срабатывает). Может ли кто-нибудь объяснить, как это можно сделать?

$(document).ready(function() { 
    $("#myInput").focus(); 
    var e = jQuery.Event("keydown"); 
    e.which = 13; 
    $("#myInput").val("test"); 
    $("#myInput").trigger(e); 
}); 

Answer 1

Может быть добавлено keyCode, что бы устранить вашу проблему.

$(document).ready(function() { 
     $("#myInput").focus(); 
     var e = jQuery.Event("keypress"); 
     e.which = 13; 
     e.keyCode = 13; 
     $("#myInput").val("test"); 
     $("#myInput").trigger(e); 
}); 

Answer 2

Я пробовал fllowing, и это работает. Возможно, вы должны проверить обработчик события keydown и где вы его вызываете. Если вы переместите обработчик события keydown внизу после функции триггера, он не будет работать.

$(document).ready(function() { 
 

 
      var e = jQuery.Event('keydown', { 
 
       which: 50 
 
      }); 
 
      
 
      $('input').keydown(function() { 
 
       alert("triggered!"); 
 
      }); 
 

 
      $('input').trigger(e); 
 

 
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<input type="button" value="button">