将 keydown 事件传递到另一个文本框

发布于 2024-10-23 23:37:36 字数 546 浏览 6 评论 0原文

我正在尝试将 keydown 事件从一个文本框传递到另一个文本框。我的意思是，例如，如果您按“a”键，某些代码应该模拟该键在第二个文本框中被按下。

我不想只是将第一个文本框的值复制到第二个文本框 - 可以这么说，它应该基于每个键。假设第一个文本框包含 abc，第二个文本框为空，那么当您在文本框 1 中按“d”键时，文本框 2 应该只包含 d。

$('#t1').keydown(function(e) {
    $('#t2').keydown(e);
});

但是这个不起作用（我想我想得太简单了）。我知道我可以通过查看 e.keyCode 来附加按下的字符，但“退格键”等也必须起作用。

有人知道将 keydown 事件从一个文本框传递到另一个文本框吗？

原文

I'm trying to pass an keydown event from one textbox to another. What I mean with this is that if you, for example, press the 'a' key, some code should simulate that key as being pressed in the second textbox.

I do not want to just copy the value of the first textbox into the second - it should be on a per-key basis so to say. Suppose the first textbox contains abc and the second textbox is empty, when you then press the 'd' key in textbox 1, textbox 2 should only contain d.

What I already tried is (http://jsfiddle.net/E5qyr/1/):

$('#t1').keydown(function(e) {
    $('#t2').keydown(e);
});

But this does not work (I guess I'm thinking too simple). I know I could append the character pressed by looking at e.keyCode, but also 'backspace' etc. has to be working.

Does anybody have an idea to pass a keydown event from one textbox to another?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

风吹短裙飘 2024-10-30 23:37:36

Textarea 元素没有自动安装侦听器，因此触发 #t2 的“keydown”事件不会显示响应。您想要的只是添加从 #t1 keydown 事件（您正在侦听）中获得的文本并将其附加到 #t2。

更新了对退格键的支持。找到其他代码此处。

示例：

$('#t1').keydown(function(e) {
    if (e.which == 8) { //Backspace
      this.text(this.val().substr(0, this.val().length - 1));
    } else {
      $('#t2').append($('#t1').val());
      this.empty();
    }
});

Textarea elements don't have listeners automatically installed to them, so triggering a 'keydown' event for the #t2 will not show a response. What you want is to just add the text you get from the #t1 keydown event (of which you are listening) and append it to your #t2.

UPDATED with support for backspace. Other codes found here.

Example:

$('#t1').keydown(function(e) {
    if (e.which == 8) { //Backspace
      this.text(this.val().substr(0, this.val().length - 1));
    } else {
      $('#t2').append($('#t1').val());
      this.empty();
    }
});

回复收藏 0 原文

初与友歌 2024-10-30 23:37:36

为什么不替换 onkeydown 的文本框值？似乎只执行 txt1.text = txt2.text 而不是附加 txt1 中的现有字符串会更简单。

回复收藏 0 原文

爱人如己 2024-10-30 23:37:36

像这样的东西吗？

$('#t1').keydown(function(e) {
    var char = (e.keyCode == 8) ? '' : String.fromCharCode(e.keyCode + (e.shiftKey ? 0 : 32));
    $('#t2').val(char);
});

Something like this?

$('#t1').keydown(function(e) {
    var char = (e.keyCode == 8) ? '' : String.fromCharCode(e.keyCode + (e.shiftKey ? 0 : 32));
    $('#t2').val(char);
});

回复收藏 0 原文

~没有更多了~