您的位置:首页 > 其它

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的值,虽然第一个条件满足,但第二个没有满足,所以没有生效。当然我的那个现象就可以说明了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐