demo

在做一些产品交互效果的时候会有购买产品或者服务数量的交互,例如下图
www.78oa.com
第一次我布局的时候采用b标签来做增减按钮。但是后来发现这样做的话点击的太快会选择一部分内容如下图:
www.78oa.com
后来在网上找了一些方法发现都不怎么管用,所就去jd或者淘宝去看了下,发现他们是用a标签,然后href="javascript:viod(0)"。
最后我采用a标签来作为按钮,写好样式,加了一个href="javascript:viod(0)"。就不会出现点击选择旁边文字的效果了。
ps:在做增减的时候,如果用户填写了其他字符串再点增加会出现NAN的情况的解决方法:

                   if(isNaN(fish.one("#perNum").val())){//如果不是数字那么设置文本框里面值是1
                        fish.one("#perNum").val("0");
                    }
                    fish.one("#perNum").val(parseInt(fish.one("#perNum").val())+1);

更多请访问免费oa

无标签
分享到: