javascript - 在按下另一个输入字段的按键时触发输入字段的按键事件?

标签 javascript jquery html

我有两个输入字段,我想在按下另一个输入字段的按键时触发一个输入字段的按键。

我尝试过的是


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

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

});

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

最佳答案

试试这个:

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

请注意,即使您成功触发了按键事件,这也不会充当真正的按键事件,这意味着该字符不会附加到输入中。

关于javascript - 在按下另一个输入字段的按键时触发输入字段的按键事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22012875/

相关文章:

javascript - 来自 API 的 Google map 方向摘要

javascript - 保持 html dom 操作刷新

javascript - jQuery UI 不会显示自动完成菜单

jquery - 如何在javascript/jquery中查询特定字段的验证

javascript - 如何在自提交表单上使用 mailto?

javascript - CSS 径向计数器 - 添加另一个圆圈来填充缺失的部分

javascript - HTML 5 - iOS 上的输入类型日期格式

jquery - 如何删除浏览器上的空TD

div 位置内的 css div

javascript - jQuery 添加 DOM 元素