项目总结之ios手机中input框中粘贴短信验证码keyup事件无效

在项目中遇到这样一个问题，在ios手机上粘贴短信验证码后底部的按钮不亮了，然后看了一下代码，我用的监听事件是keyup事件，当用户输入时进行监听。但是直接粘贴进来就不生效了，确实挺不友好的。那怎么解决这个问题呢？于是我在网上查了一下，是这样说的—keyup在ios手机原生的输入法是不支持的，但是在ios端第三方的输入法搜狗输入法是支持的，为了兼容性，不能使用keyup事件。那怎么办呢？有两种解决方案：使用input框的input事件和change事件 这两个方法是可以监听到的。这两种方法的具体分析和区别如下：

1.change事件
input输入框的onchange事件，要在 input 失去焦点的时候才会触发；
在输入框内容变化的时候不会触发change，当鼠标在其他地方点一下才会触发；
onchange 事件也可用于单选框与复选框改变后触发的事件。
onchange event 所有主要浏览器都支持；
onchange 属性可以使用于：<input>, <select>, 和 <textarea>。

2.input事件
oninput 事件在用户输入时触发，它是在元素值发生变化时立即触发；
该事件在 <input> 或 <textarea> 元素的值发生改变时触发。
缺陷：从脚本中修改值不会触发事件。从浏览器下拉提示框里选取值时不会触发。IE9 以下不支持，所以IE9以下可用onpropertychange 事件代替。

项目总结之ios手机中input框中粘贴短信验证码keyup事件无效相关推荐

抓取html表单验证码,如何在jquery中利用表单获取短信验证码
如何在jquery中利用表单获取短信验证码发布时间:2021-02-18 15:42:54 来源:亿速云阅读:88 作者:Leah 这期内容当中小编将会给大家带来有关如何在jquery中利用表单获 ...
uni-app中使用uniCloud实现发送短信验证码（开通、配置、使用）
登录dcloud开发者中心,通过以下几个步骤,即可实现发送短信功能.注意是,这里讲解的是通过uniCloud实现调用功能,如需使用REST API调用,请查看官方文件. 一.开通服务地址:DClou ...
PHP代码中的情话,[php发送短信验证码代码]php发送短信验证码
业务: 手机端点击发送验证码,请求发送到php端,由php调用第三方平台(我们使用的是榛子云短信http://smsow.zhenzikj.com)的短信接口,生成验证码并发送. 在"我的应 ...
如何发送手机短信验证码
文章目录阿里云短信业务实战教程 1.阿里云平台的使用 2.创建用户组及用户并添加权限 3.添加短信签名和短信模板并充值费用 4.开发工具进行代码部分(这里使用IDEA) 阿里云短信业务实战教程手机 ...
【微信小程序 - 工作实战分享】1.微信小程序发送手机短信验证码（阿里云）
发送手机短信验证码前言一. 准备工作二. 配置三. 实战代码(仅仅是后台代码,前端传入手机号) 总结前言在网站和移动应用中利用短信验证码进行信息确认是最常用的验证手段.随着短信验证码的技术 ...
vue中获取短信验证码IOS手机问题
vue使用中发现了一个问题,由于ios手机获取短信验证码后,验证码会直接显示在键盘上,点击键盘上的验证码即可给对应的input赋值,但是在项目开发中发现输入框的取值为空经过排查是因为通过v-mode ...
vue中获取短信验证码功能IOS手机问题
vue使用中发现了一个问题,由于ios手机获取短信验证码后,验证码会直接显示在键盘上,点击键盘上的验证码即可给对应的input赋值,但是在项目开发中发现输入框的取值为空经过排查是因为通过v-mode ...
Web项目中手机注册短信验证码实现的全流程及代码
最近在做只能净化器的后台用户管理系统,需要使用手机号进行注册,找了许久才大致了解了手机验证码实现流程,今天在此和大家分享一下. 我们使用的是榛子云短信平台, 官网地址:http://smsow.zhe ...
c语言短信验证码,Web项目中手机注册短信验证码实现的全流程及代码
使用的是榛子云短信平台, 官网地址:http://smsow.zhenzikj.com 后端使用了springMvc,前端用的是jsp + jquery 下载demo: https://downloa ...

项目总结之ios手机中input框中粘贴短信验证码keyup事件无效

项目总结之ios手机中input框中粘贴短信验证码keyup事件无效相关推荐

最新文章

热门文章