社区
JavaScript
帖子详情
input 添加onblur事件 来做校验,但是紧接着的按钮失效??
tingzi1231
2015-07-21 12:46:20
手机号验证时onblur 事件,所以输入完手机号后第一次点击获取手机验证码 时候 不起作用。怎么改啊
...全文
743
4
打赏
收藏
input 添加onblur事件 来做校验,但是紧接着的按钮失效??
手机号验证时onblur 事件,所以输入完手机号后第一次点击获取手机验证码 时候 不起作用。怎么改啊
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
tingzi1231
2015-07-21
打赏
举报
回复
想实现的效果是:输入框输入完成后,点击按钮马上弹出alert("发送手机验证码!"); 而不是点击第二次时 才起作用
tingzi1231
2015-07-21
打赏
举报
回复
相关代码: $(document).ready(function(){ $("#ww").blur(function(){ alert("失去焦点!"); }); }); function sendPhone(){ alert("发送手机验证码!"); } </script> </head> <body> Enter your name: <input type="text" id="ww"/> <input type="button" id="phone_input" onClick="sendPhone()" value="获取手机验证码"></input> </td>
tingzi1231
2015-07-21
打赏
举报
回复
如果输入手机号后 填别的内容 点击获取按钮,一次可以成功 如果输入手机号后 直接点击 获取按钮 相当于 onblur 验证 手机号校验了,只有再次点击获取按钮的时候才会成功
娃都会打酱油了
2015-07-21
打赏
举报
回复
你的验证事件会跟按钮点击事件起冲突?因为你无代码,所以只能猜测
Layui
input
失去焦点
事件
与
按钮
保存
事件
冲突
事件
的解决方法
在我们实际开发过程中,表单很多的情况下,对每个表单值改变的时候
做
事件
监听,一般都选在失去焦点的时候触发失焦
事件
,而不是在输入的时候
做
事件
处理,这样会消耗性能或资源,造成页面卡顿什么的。但是失焦触发也有一个问题,就是在输入完,直接点击
按钮
保存的时候,
按钮
的点击
事件
会
失效
, 这是因为。这里的解决方法,将form监听
事件
改成
按钮
监听
事件
并将
按钮
的点击
事件
换成mousedown或mouseup。
【javaScript】探讨 监听
input
输入框的失去焦点
事件
与
按钮
点击
事件
执行的顺序问题
1.问题描述 在
input
输入框输入一段文字之后,点击发送
按钮
会发现,只触发了失去焦点
事件
,
按钮
点击
事件
并没有被触发,当再次点击
按钮
的时候,
事件
才会被触发,这明显不是我们想要的,我们来看看怎么解决 2.代码 <body> <div id="divContainer"> <
input
class="inTest" autofocus/> ...
解决
input
的blur
事件
后button的click不执行的问题
我当时场景是微信小程序,在
input
中输入内容后,再点提交
按钮
,评论窗口隐藏了,但是提交的
事件
没有触发。 这里的要求是: 1.
input
失去焦点时,需要评论窗口隐藏 2. 点击提交
按钮
后,既要提交,也要隐藏评论窗口 当时的代码是: <div class="actionArea" v-if="isComment"> <
input
type="tex...
【
input
】输入框
事件
总结
INPUT
输入框常用的
事件
总结语法:
uniapp中搜索栏中
input
的@blur和搜索
按钮
的@click
事件
存在都执行的问题
将click
事件
换成mousedown
事件
,这样
事件
的执行顺序就变成mousedown > mouseup > click。总结:小程序开发,我们测试时一定要注意在手机上测试,不要觉得电脑测试下成功了就提交了,很容易造成意想不到的问题。blur
事件
:当元素失去焦点时触发blur
事件
;blur和focus
事件
不会冒泡,其他表单
事件
都可以。click
事件
:当点击元素时触发click
事件
;而这种异步回调触发的先后 在pc端和小程序端出现了明显的差别。在JavaScript中
事件
的触发算的上是一种异步回调。
JavaScript
87,997
社区成员
224,708
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章