jQuery实时监听input 输入

知更鸟 2018年3月21日12:46:20Web前端评论109阅读模式

jQuery实时监听input 输入的值 并赋给另一个input文章源自知更鸟-https://zmingcx.com/jquery-monitors-input.html

HTML文章源自知更鸟-https://zmingcx.com/jquery-monitors-input.html

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

CSS文章源自知更鸟-https://zmingcx.com/jquery-monitors-input.html

input {
	margin:1rem
}

jQuery文章源自知更鸟-https://zmingcx.com/jquery-monitors-input.html

$(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);
    })
})
文章源自知更鸟-https://zmingcx.com/jquery-monitors-input.html
weinxin
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
CSS3 水平垂直居中 Web前端

CSS3 水平垂直居中

当使用top: 50%和left: 50% 是以左上角为原点,故不处于中心位置,可以用translate()实现水平垂直居中。 translate()是css3的新特性,在不知道自身宽高的情况下,可以...
animation动画复合属性 Web前端

animation动画复合属性

css3中的animation动画复合属性:name(绑定的动画名称) duration(完成时间) timing-function(如何完成一个周期) delay(启动前间隔) iteration-...
CSS 六边形 Web前端

CSS 六边形

1、将六边形拆分为一个矩形+二个三角形,利用伪元素after和before来实现; <!--第一种方案:矩形+左右两个三角形来实现--> <div class="one">&l...
网页特效live2d看板娘 WordPress

网页特效live2d看板娘

如果喜欢给自己的网站加些花花草草,live2d看板娘就是一个不错的特效,人物会跟随你的鼠标动,超级可爱!   将下面代码添加到网页适当位置即可。 <script src="https:...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定