jQuery实时监听input 输入

2018年3月21日12:46:20Web前端评论128阅读模式

jQuery实时监听input 输入的值并赋给另一个input

HTML

<input class="box1" type="text" placeholder="请输入值">
<br>
<input class="box2" type="text" placeholder="请输入值">

CSS

input {
	margin:1rem
}

jQuery

$(function() {
    $(".box1").bind('input propertychange', function() {
        var a = $(".box1").val();
        $(".box2").val(a);
    })
    $(".box2").bind('input propertychange', function() {
        var b = $(".box2").val();
        $(".box1").val(b);
    })
})

本站文章大部分始于原创，用于个人学习记录，可能对您有所帮助，仅供参考！