javascript - 如何使用 Javascript 输入 2 个框

标签 javascript html

所以,我有一个文本输入框,我想输入它,当我输入时,它会转移到页面上的另一个输入框。

我为我正在寻找的样本设置了一个 JS Fiddle。我希望将您在第一个框中输入的文本转移到页面上的另一个框或两个框

这是 jsfiddle

jsfiddle.net/8PrhJ/

所以我还没有任何JavaScript。但我可以在没有提交按钮的情况下做到这一点

最佳答案

使用 jQuery 很容易

$('#input1').on('keyup', function() {
    $('#input2').val(this.value);
});

普通 JS:

(function() {
    var input1   = document.getElementById('input1'),
        input2   = document.getElementById('input2'),
        callback = function () {
            input2.value = this.value;
        };

    if (input1.addEventListener) {
        input1.addEventListener('keyup', callback);
    } else {
        input1.attachEvent('onkeyup', callback);
    }
}());

演示:http://jsfiddle.net/seancannon/7TL5P/

关于javascript - 如何使用 Javascript 输入 2 个框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19188250/

相关文章:

javascript - 如何在Angular JS中获取数组元素?

javascript - react 单行组件

JavaScript 改变 HTML 内容

html - 如何使弹出文本在点击后/点击后消失?

javascript - css 两次显示图像反对一次?

html - 在浏览器打印机版本中居中谷歌图表

javascript - NodeJS - 全局定义 'require' 脚本

javascript - Discord 帮助命令 - args.join 不是函数

html - 我们可以有一个包含背景图像脚本的通用文件,以便所有网页都可以链接到它吗?

javascript - 从字符串中提取特定数字