文本框的侦听事件

侦听事件
大概就是侦测一个文本框的实时动态, 只要有内容变化,都会实时的在另一个中显示这个文本框的内容
代码如下
1 先要有一个被侦听的文本框

<input  id="name" name="compusername" placeholder="请输入您的姓名" onblur="testname()"/>

这里由于需要提交 就携带了name值 还有一个验证

2 然后需要一个实时显示 被侦听文本框的值 的 一个标签

 <input type="hidden" class="form-control" id="name2"/>
 <div>
    <b>姓名:</b>
    <span id="showname2"><b>姓名</b></span>
 </div>

应该别的也能用 但是觉得丑 就用span了
注意 这里的文本框到现在也没明白是用来干嘛了 少了这个还不行

3然后就是重点了 开始侦听事件

    $('#name').on('input propertychange', function() {  
     $('#name2').next().find('#showname2').text($('#name').val());
 });

看代码的意思 大概就是 侦听name文本框 给这个框一个function方法
找到name2的文本框 和 showname2 的span标签
将name的值实时放入 进行显示

如果多个的话 目前只能复制复制在复制 见谅

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值