onmouseout事件与onchange事件分析
今天修改Bug,新到期时间为:原到期时间+续卡时间 而不是 当前日期+续卡时间。在修改的过程中发现一个Bug。那就是续卡时间数值框我输入新数值A之后,点击窗体空白处,新到期时间并没有修改过来,
再次点击数值输入框,输入新的数值B后,新到期时间才更改过来,并且为之前的A+原到期时间。
检查代码:续卡时间框为onmouseout事件才去检查数值修改新到期时间:
1 <td align="left"> 2 <input type="text" id="txtNum" style="width: 20px" runat="server" disabled="disabled" 3 οnmοuseοut="changeDateNum()" class="validate[custom[onlyNumber]]" /> 4 <select style="width: 80px" οnchange="changeDate()" id="selType"> 5 <option value="0">永久</option> 6 <option value="y">年</option> 7 <option value="q">季度</option> 8 <option value="m">月</option> 9 <option value="w">周</option> 10 <option value="d">天</option> 11 </select> 12 </td>
我修改onmouseout为onchangge事件后,点击空白处就会更新。
这两个事件各有利弊,onmouseout事件可以在鼠标离开输入框的时候就触发,但是要是输入数值的时候鼠标箭头不在输入框内的话,点击窗体空白处都不会触发,就是输入数值的时候鼠标都不在输入框内,然后输入完成直接去保存就会出错。但是onchange事件(不同于extjs等的change事件,相应不及时,需要在离开焦点的时候触发,这一点感觉很不好不是实时相应的)响应不及时需要失去焦点时触发。
转载于:https://www.cnblogs.com/denghuachengle/p/4720339.html
onmouseout事件与onchange事件分析相关推荐
- JS中onpropertychange事件和onchange事件区别
2019独角兽企业重金招聘Python工程师标准>>> 当一个HTML元素的属性用js改变的时候,都能通过 onpropertychange来捕获.例如一个 <input na ...
- 【JavaScript】——input元素的oninput事件和onchange事件
1.oninput事件是在输入框中输入时就会触发,该事件在<input>或<textarea>元素的值发送改变时触发. 2.onchange事件是在输入框输入完内容后,输入框失 ...
- input元素的oninput事件和onchange事件
input元素的oninput事件和onchange事件 框架用多了,感觉原生的有点弱化了,不说了,是时候巩固一波了 ^ _ ^ 1.input元素上绑定事件的三种方式: 第一种:直接在元素标签上添加 ...
- input元素的oninput事件和onchange事件的使用和区别
1.input元素上绑定事件的三种方式: 第一种:直接在元素标签上添加oninput属性,属性值为处理事件函数的调用 html代码: <input type="text" i ...
- 事件介绍、两种事件注册的介绍、onload事件、onclick事件、onblur事件、onchange事件、onsubmit事件
事件介绍 事件就是电脑输入设备与页面进行交互的响应,被称之为事件 常用的事件: onload 加载完成事件:页面加载完成之后,常用于做页面js代码初始化操作 onclick ...
- html加载onchange事件,HTML onchange事件用法及代码示例
当元素的值已更改时,将发生HTML DOM onchange事件.当选中的状态已更改时,它也可以使用单选按钮和复选框. 注意:此事件与oninput事件类似,但唯一的区别是oninput事件在元素值更 ...
- JavaScript常用事件之onchange()事件、onblur()事件
一.onchange()事件 1.功能:onchange 事件会在域的内容改变时发生,也可用于单选框与复选框改变后触发的事件. 2.语法:οnchange="SomeJavaScriptCo ...
- 前端基础JS——input输入框的oninput事件和onchange事件
在开发过程中,input用的比较多的是change事件,忽略了还有input事件. onchange--input输入过程中不会触发,失去焦点时才会触发: 兼容性:所有浏览器都支持,可以用于& ...
- onload事件、onblur事件、onchange事件、onsubmit事件举例
一.onload.加载事件 load事件什么时候发生? onload事件是浏览器解析完页面之后就会自动触发的事,页面全部元素加载完毕之后才会发生 1.以下执行是错误的,因为代码执行的时候id=&quo ...
最新文章
- [BZOJ2938]:[Poi2000]病毒
- Windows Server 2016 + Exchange 2016 +Office365混合部署(四)
- 恢复Ext3下被删除的文件
- IOS之学习笔记四(类的实现和对象和id)
- I - Trade Gym - 100212I 网络流
- Webform(简单控件、复合控件)
- Zookeeper 安装部署
- HDU 2955 Robberies抢劫案(01背包,变形)
- 面试再问HashMap,求你把这篇文章发给他!
- OC小实例关于init方法不小心的错误
- 汇编语言王爽 实验七
- 飞客分析:防止数据二次破坏的保护方法
- 小米手机通用面具安装,root获取
- segno-纯Python语言的二维码和微二维码生成器
- 腾讯云服务器被攻击我是这样应对的
- Eclipse 照亮Java众生
- Lotus Miner和分布式设置
- 【阿里巴巴】数据开发暑期实习生面试面经 技术面 已凉凉
- 怎么打破双亲委派机制
- 基于redis生成日期订单编号