input 的onChang失效问题

来源:互联网 发布:新经济政策知乎 编辑:程序博客网 时间:2024/05/22 15:34

今天现在在做前端的一个效果时,如下图一个产品有它的最大,最小买的数量的限制,页面上再操作“+”,“-”的时候不能超出产品设置的范围。所以我需要onChange写一段js。

但使用onChange不起作用,一开始一直以为是我写js哪里语法有问题。后面发现直接在文本中(小的红色正方形框)填数量,不用边上的“-”,“+”居然onChange起作用了


解决:

原理onChange起作用要满足两个条件(针对input标签,select标签的onChange不需要第2个条件)

1、属性值改变时,也就是value改变        2、当前元素失去焦点(onblur) 

两个条件都满足的时候原先onChange才有效,通过js改变vlaue的值,虽然第一个条件满足,但第二个没有满足,所以没有生效。当然我的那个现象就可以说明了







1 0
原创粉丝点击