网页中,使用原生js监听输入框输入内容,并可主动触发这个监听事件

有时候,想在网页中做一些体验上的优化,可能会需要随时监听输入框中的变化,以此来帮助用户自动处理一些操作。
要在html网页中,监听输入框内容变化,可以设置input事件监听。不同框架有不同的设置方法,这里使用原生JS的设置方法,兼容性好一点。

document.getElementById("控制id").addEventListener("input",function(e){
	//取值
	var zsbh = document.getElementById("控制id").value;
	//业务逻辑
	if(zsbh.length==16){
	}
});

如果有第二个输入框,也监听了内容变化,且在业务逻辑里,刚好有第一个输入框需要填的数据。
如果我们想在这里,直接给第一个输入框赋值,并触发刚才设置的input监听。那么,这时候光赋值是没用的,还需要使用触发的方法。下面一样使用原生JS来写触发的方法。

	var evt = document.createEvent('HTMLEvents')
    evt.initEvent('input', true, true)
    document.getElementById("第一个控制id").dispatchEvent(evt);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

兴趣广泛的程序猿

有钱的捧个钱场,谢谢各位!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值