将 keydown 传递给另一个元素

Question

我想将 keydown 事件传递给另一个元素。一路上我发现 :

$('input').keydown(function(e) {
    $('textarea').keydown()[0].focus();
});

有效，而 :

$('input').keydown(function(e) {
    setTimeout(function() { $('textarea').keydown()[0].focus(); }, 0);
});​

不起作用。至少在 Chrome 中是这样。

无论如何，我想用第二种方法来做到这一点，因为我希望它首先能够在选择了文本的输入上执行 ctrl+c 或 ctrl+x ，然后跳转到文本区域。

这里有一个 DEMO 可以看看我的意思。

为什么第二种方法不起作用？还有什么办法可以实现这一点吗？

Answer 1

按预期工作。首先，你的代码有一半是不相关的。 :p

$('inout').keydown(function(e) {
  $('textarea').keydown()[0].focus();
});

相当于

$('inout').keydown(function(e) {
  $('textarea').keydown(); // doesn't do anything sensible
  $('textarea')[0].focus();
});

，它在 keyhandler 解析之前将焦点转移到 textarea 。密钥最终位于 textarea 中。 input 甚至看不到它。 （假设代码显示的是 input 而不是 inout）。

第二个例子：

$('input').keydown(function(e) {
  setTimeout(function() { $('textarea').keydown()[0].focus(); }, 0);
});​

相当于：

$('input').keydown(function(e) {
  setTimeout(function() {
    $('textarea').keydown(); // doesn't do anything sensible
    $('textarea')[0].focus();
  }, 0);
});​

所以，由于超时，首先keydown事件完成，按键被接受为input的输入，然后是延迟函数被调用并改变焦点。没有进一步的事情发生。

我不知道如何“重复”或“重新抛出”键盘事件，以防您想在 input 和 textarea 中获得相同的按键（如果是这样的话）你想要什么；我不是 100% 确定你想要什么）。

编辑：好的：如果只是 Ctrl/Shift/另一个修饰键，则返回 true，以便默认处理程序选择它。如果是 Ctrl-C（即设置了 ctrlKey 的 C 键（Mac 上的 metaKey），则执行超时操作（因此 input 在 focus 之前捕获它）；如果没有，则立即移动焦点（因此 textarea 捕获它）。目前比较好的方法。

Answer 2

为setTimeout传递足够的时间，延迟

$('input').keydown(function(e) {
    setTimeout(function() { $('textarea').keydown()[0].focus(); }, 700); // 0.7 seconds
});

textarea上的keydown事件没有任何意义，可以删除；

$('input').keydown(function(e) {
    setTimeout(function() { $('textarea').focus(); }, 700); // 0.7 seconds
});