firefox下input type="file"的size是多大


Posted in Javascript onOctober 24, 2011

但是这个size值怎么设置,size="10"是多宽,默认值又是多少,不能光凭感觉去设置。 用脚本来查看下:

<script type="text/javascript"> 
$(function() { 
var fileArray = []; 
var i = 0; 
while (i < 100) { 
fileArray.push(i + ":<input type='file' size='" + i + "' /><br />"); 
i++; 
} 
document.write(fileArray.join("")); 
$("input:file").each(function() { $(this).after("<b>" + $(this).width() + "</b>") }); 
}); 
</script>

在火狐下得到这样的结果:
firefox下input type=&quot;file&quot;的size是多大
发现了一定的规律,默认为208像素,size="1"时为85像素,每个size之间相差6.5个像素的宽度,所以我们可以动态的设定size的值,如:
if ($.browser.mozilla) { $(this).attr("size", 1 + (options.WrapWidth - 85) / 6.5) }

出处:www.cnblogs.com/flowerszhong
Javascript 相关文章推荐
jquery下利用jsonp跨域访问实现方法
Jul 29 Javascript
javascript中的float运算精度实例分析
Aug 21 Javascript
AngularJS辅助库browserTrigger用法示例
Nov 03 Javascript
bootstrap导航栏、下拉菜单、表单的简单应用实例解析
Jan 06 Javascript
jQuery插件zTree实现删除树子节点的方法示例
Mar 08 Javascript
Vue2.0 实现移动端图片上传功能
May 30 Javascript
详解Eslint 配置及规则说明
Sep 10 Javascript
微信小程序dom操作的替代思路实例分析
Dec 06 Javascript
Vue核心概念Action的总结
Jan 18 Javascript
vue2之简易的pc端短信验证码的问题及处理方法
Jun 03 Javascript
layui table单元格事件修改值的方法
Sep 24 Javascript
vue使用screenfull插件实现全屏功能
Sep 17 Javascript
jquery.fileEveryWhere.js 一个跨浏览器的file显示插件
Oct 24 #Javascript
editable.js 基于jquery的表格的编辑插件
Oct 24 #Javascript
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
Oct 24 #Javascript
css值转换成数值请抛弃parseInt
Oct 24 #Javascript
更优雅的事件触发兼容
Oct 24 #Javascript
myEvent.js javascript跨浏览器事件框架
Oct 24 #Javascript
最佳的addEvent事件绑定是怎样诞生的
Oct 24 #Javascript
You might like
简单示例AJAX结合PHP代码实现登录效果代码
2008/07/25 PHP
深入php处理整数函数的详解
2013/06/09 PHP
textContent在Firefox下与innerText等效的属性
2007/05/12 Javascript
使用新的消息弹出框blackbirdjs
2008/10/16 Javascript
Javascript 中文字符串处理额外注意事项
2009/11/15 Javascript
js 判断计算字符串长度/判断空的简单方法
2013/08/05 Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
2013/11/12 Javascript
深入理解Javascript作用域与变量提升
2013/12/09 Javascript
javascript动态判断html元素并执行不同的操作
2014/06/16 Javascript
深入理解JavaScript系列(33):设计模式之策略模式详解
2015/03/03 Javascript
js倒计时抢购实例
2015/12/20 Javascript
全面解析Javascript无限添加QQ好友原理
2016/06/15 Javascript
jQuery插件ajaxFileUpload异步上传文件
2016/10/19 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
2016/10/28 Javascript
浅谈Vue的基本应用
2016/12/27 Javascript
前端 Vue.js 和 MVVM 详细介绍
2016/12/29 Javascript
浅谈JavaScript的innerWidth与innerHeight
2017/10/12 Javascript
vue数据控制视图源码解析
2018/03/28 Javascript
JavaScript面向对象继承原理与实现方法分析
2018/08/09 Javascript
Vuejs+vue-router打包+Nginx配置的实例
2018/09/20 Javascript
微信小程序登录session的使用
2019/03/17 Javascript
深入了解JavaScript 私有化
2019/05/30 Javascript
Python multiprocessing模块中的Pipe管道使用实例
2015/04/11 Python
Python 列表(List) 的三种遍历方法实例 详解
2017/04/15 Python
vscode 远程调试python的方法
2017/12/01 Python
Python读写及备份oracle数据库操作示例
2018/05/17 Python
对python 自定义协议的方法详解
2019/02/13 Python
Python给图像添加噪声具体操作
2019/03/03 Python
基于python3抓取pinpoint应用信息入库
2020/01/08 Python
荷兰本土平价百货:HEMA
2017/10/23 全球购物
绿色城市实施方案
2014/03/19 职场文书
小学语文国培研修日志
2015/11/13 职场文书
德劲DE1108畅想
2021/04/22 无线电
RPM包方式安装Oracle21c的方法详解
2021/08/23 Oracle
idea以任意顺序debug多线程程序的具体用法
2021/08/30 Java/Android
JS前端使用canvas实现扩展物体类和事件派发
2022/08/05 Javascript