javascript触发input:file的选择事件及只触发一次的解决
2014-05-07 11:46
441 查看
原文地址 http://clpliuping.diandian.com/post/2012-09-17/40039911290有过尝试的人都知道,对于input:file的样式难看的处理方法,一般都是透明化input,实际点击的还是input:file,使用js操纵? $("#File").click()?这该是大家都会想到的方法,可是,很不好意思,无法起到作用,经过一番查阅,终于找到js操作呢input:file的方法,很简单
只需添加一个return就可以解决这个问题了! 以后,就可以肆意地使用漂亮的图案来替换input:file的位置,而不必使用样式来透明做所谓的假象了!
另外关于 input file的onchange只触发一次的解决方法:使用live绑定change事件即可
function clp(){ return $("#File").click(); } <button class = "clp" onclick = "clp();">clp</button> <input type="file" id="File" />
只需添加一个return就可以解决这个问题了! 以后,就可以肆意地使用漂亮的图案来替换input:file的位置,而不必使用样式来透明做所谓的假象了!
另外关于 input file的onchange只触发一次的解决方法:使用live绑定change事件即可
$("#inputFile").live("change", function () { var v = $(this).val(); $("#lbl").text(v); });
相关文章推荐
- input输入框file类型选择同样输入框第二次不触发onchange事件的解决办法
- html input的file文件输入框onchange事件触发一次失效解决方法
- 解决 html input file onchang 事件触发一次后失效问题
- 关于input的file框onchange事件触发一次失效的新的解决方法
- html input的file文件输入框onchange事件触发一次失效解决方法
- 关于input的file框onchange事件触发一次失效的新的解决方法
- ajax回调函数中不能触发input[type='file']事件的解决方法
- 解决file input 选择相同文件不触发change事件
- 图片上传时input file change事件多次触发解决
- 关于ajaxFileUpload造成 input[type=file] change事件只能触发一次的问题
- 解决Jquery对input file控件的onchange事件只生效一次的问题
- input的file框onchange事件触发一次失效的解决方法
- easyui filebox 只触发一次 onChange 事件解决方法
- 关于input的file框onchange事件触发一次失效的新的解决方法
- 图片上传时input file change事件多次触发解决
- input file change事件只触发一次
- file控件选择上传文件确定后触发的js事件是哪个
- 解决动态生成input无法触发click事件的问题
- jquery file change 上传只触发一次问题的解决方法
- 解决JavaScript拖动时触发点击事件的BUG