input 的onChang失效问题
2016-09-19 19:16
316 查看
今天现在在做前端的一个效果时,如下图一个产品有它的最大,最小买的数量的限制,页面上再操作“+”,“-”的时候不能超出产品设置的范围。所以我需要onChange写一段js。
但使用onChange不起作用,一开始一直以为是我写js哪里语法有问题。后面发现直接在文本中(小的红色正方形框)填数量,不用边上的“-”,“+”居然onChange起作用了
解决:
原理onChange起作用要满足两个条件(针对input标签,select标签的onChange不需要第2个条件)
1、属性值改变时,也就是value改变 2、当前元素失去焦点(onblur)
两个条件都满足的时候原先onChange才有效,通过js改变vlaue的值,虽然第一个条件满足,但第二个没有满足,所以没有生效。当然我的那个现象就可以说明了
但使用onChange不起作用,一开始一直以为是我写js哪里语法有问题。后面发现直接在文本中(小的红色正方形框)填数量,不用边上的“-”,“+”居然onChange起作用了
解决:
原理onChange起作用要满足两个条件(针对input标签,select标签的onChange不需要第2个条件)
1、属性值改变时,也就是value改变 2、当前元素失去焦点(onblur)
两个条件都满足的时候原先onChange才有效,通过js改变vlaue的值,虽然第一个条件满足,但第二个没有满足,所以没有生效。当然我的那个现象就可以说明了
相关文章推荐
- js或者JQ的focus和select失效问题和input type=file上传文件问题
- Android使用ActivityGroup设置android:windowSoftInputMode失效的问题
- Android使用ActivityGroup设置android:windowSoftInputMode失效的问题
- ios上safari中input标签readonly属性失效的问题
- 解决 input 框在 edge浏览器中,focus 失效问题
- Android4.4设置windowSoftInputMode失效问题的解决方案
- <a>标签内嵌<input type="image">在IE中链接失效问题
- 解决 html input file onchang 事件触发一次后失效问题
- 处理由于浏览器设置导致的autocomplete="off"失效的问题引起input 黄色背景问题
- Android使用ActivityGroup设置android:windowSoftInputMode失效的问题
- mvc3.0中[ValidateInput(false)]失效的问题
- bootstarp模态框再嵌一个模态框,最上层的模态框中的input失效的问题
- 透明状态栏导致windowSoftInputMode:adjustResize失效问题
- setTimeout的失效问题,无论时间设成多大,都是直接跳转
- GridView在分页(翻页)时filter(过虑,FilterExpression)失效问题的解决方法
- Tip:“Form_Load时添加的AsyncPostBackTrigger失效”问题分析及解决方案
- 关于.net里调用外部CSS失效的问题解决
- 修复迅雷在 IE 等浏览器中右键菜单丢失或失效的问题
- 关于CommunityServer2.1附件过大报错,即ASP.NET2.0中附件设置问题"Cannot Upload Large Files When You Use the HtmlInputFile Server Control"
- 对“设置样式时怎么区分input是按钮还是文本框”问题的技术调查——把input里面的东西剔出来