txt自动填充到html,如何根据以前的文本输入自动填充HTML表单上的输入

该值不会立即生效,因为仍需要处理keydown消息。你可以使用keyup,但keyup的缺点是它有延迟。第一个框在keydown上更改,甚至在您按住键时更改。释放密钥时,第二个框会更新,但此时第一个框中没有任何变化。当你看到它时,这种延迟感觉很尴尬。





$(".first").on('keyup',function(){

$(".second").val($(this).val());

});





您也可以使用input事件,正如Angel Joseph Piscola正确提到的那样,但浏览器支持并不完美,(尽管最重要的浏览器确实支持它很好)。无论如何,请务必检查它是否支持您想要的平台。

因此,这可能是一个不错的选择,但还有另一种解决方案。如果您使用setTimeout,则可以延迟密钥的处理。您甚至可以指定0 ms。你实际做的是等待信号。计时器发送一个由回调处理的信号,就像你的keydown处理程序一样。但是keydown消息的处理已经排队,因此首先处理。通过使用超时为0的setTimeout,您将获得尽快调用的另一个回调,但是在处理了keyup信号之后。

正如您所看到的,它可以完美地运行,您可以获得平滑的更新,几乎可以在第一个框更改时立即更新,甚至在按住某个键时也是如此。





$(".first").on('keydown',function(){

var me = this;

setTimeout(function(){

$(".second").val($(me).val());

}, 1);

});





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值