前端解决粘贴过来的东西不触发键盘事件@令狐张豪

最新推荐文章于 2024-07-24 15:08:13 发布

令狐张豪

最新推荐文章于 2024-07-24 15:08:13 发布

阅读量753

点赞数

分类专栏： vue js 文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/LingHuzh/article/details/126718816

版权

vue 同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

7 篇文章 0 订阅

订阅专栏

在前端开发中，当用户在登录时输入验证码，使用@change事件监听input时，直接粘贴内容无法触发事件。通过将事件监听器更改为oninput事件，可以解决这个问题。本文分享了一位前端新手在实际项目中遇到的问题及解决方案，适用于Vue和纯JS写法。

摘要由CSDN通过智能技术生成

描述：

在做登录的时候输入正确校验时按钮高亮并可以触发事件，我们正常输入的时候没问题，但是直接粘贴过来的时候input监听不到。

解决：

换成oninput事件


//vue写法
<input type="text" placeholder="请输入验证码" maxlength="4" @input="codeInput">
metdods:{
	codeInput(){
		...
	}
}
//js写法
<input type="text" placeholder="请输入验证码" maxlength="4" id="codeInput">
$("#codeInput").on('input',function(e){
	...
})