如何使用jQuery或JavaScript实现输入框a值实时同步到输入框b与div c

原有代码问题 #

• 监听对象错误：绑定事件的对象是输入框b，但需求的输入源是输入框a，需要调整监听对象
• 事件类型错误：change事件仅在输入框失焦时触发，无法实现边输入边同步的效果，需替换为input事件，可实时响应打字、粘贴、剪切等所有输入操作
• 逻辑反向且不完整：原有代码是将b的值赋值给a，和需求相反，同时缺少将值同步到div c的逻辑，div元素赋值需使用text()方法

修正后完整代码 #

<script>
// 请确保页面已正确引入jQuery库后再使用以下代码
$(function() {
    // 监听输入框a的实时输入事件
    $('[name="a"]').on('input', function() {
        // 获取输入框a的当前值
        const currentVal = $(this).val();
        // 同步值到输入框b
        $('[name="b"]').val(currentVal);
        // 同步值到div c
        $('#c').text(currentVal);
    });
});
</script>

<input type="text" id="a" name="a" value="">
<input type="text" id="b" name="b" value=""/>
<div id="c" class="c"></div>

内容的提问来源于stack exchange，提问作者Nancy Moore