读书人

掩藏input file 框的实现

发布时间: 2013-08-13 16:43:28 作者: rapoo

隐藏input file 框的实现

思路:

1.讲input file 域的透明度设置为0------- opacity:0

2.讲input file 绝对定位到模拟点击的按钮上------动态获得模拟按钮的top ,left值,然后赋给input域

3.给input file 注册onchange事件(其实最终还是点击的input file域)

4.如果onchange发生只能触发一次的bug,要在请求回调的方法里reset()指定form(特别注意,之清除文本域的值是不行的,必须reset

读书人网 >Web前端

热点推荐