firefox下input type="file"的size是多大_Javascript教程-查字典教程网
firefox下input type="file"的size是多大
firefox下input type="file"的size是多大
发布时间:2016-12-30 来源:查字典编辑
摘要:但是这个size值怎么设置,size="10"是多宽,默认值又是多少,不能光凭感觉去设置。用脚本来查看下:复制代码代码如下:$(functi...

但是这个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>

在火狐下得到这样的结果:

发现了一定的规律,默认为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教程学习
    热门Javascript教程学习
    编程开发子分类