在另一个输入字段的按键上触发输入字段的按键事件？

Question

我有两个输入字段，我想在另一个输入字段的按键上触发一个输入字段的按键。

我试过的是

$('#example').keypress(function(event) { 

   var press = jQuery.Event("keypress");
   var code = event.keyCode || event.which;
   press.which = code ;   
   $('#search').trigger(press);

});

示例和搜索都是输入字段。为什么我这样做是因为当我在简单字段中输入文本时，它必须在另一个字段中输入文本来过滤搜索结果。

Answer 1

猜猜它就像$ .click（）

$('#search').keypress();

Answer 2

试试这个：

的JavaScript

$('#example').on('keypress keyup keydown',function(event) { 
  // create the event
   var press = jQuery.Event(event.type);
   var code = event.keyCode || event.which;
   press.which = code ;   
  // trigger 
  $('#search').val(this.value);
  $('#search').trigger(event.type, {'event': press});
});

// Omit - Check if search box reacts
$('#search').on('keypress keyup keydown',function(event) { 
   // sample  
   console.log(event.type);
});

在这里演示：http://jsbin.com/pebac/1/edit

请注意，即使您成功设法触发按键事件，这也不会成为真实事件，这意味着char不会附加到输入。

Answer 3

如果您只想将一个字段的内容复制到另一个字段，我会说最好是$('#search').val($(this).val());而不是在#search上触发按键事件。