JavaScript节制文本框自动缩小笔墨添补

发布时间：2018-08-20 13:46:58 所属栏目：编程来源：站长网

导读：Java Script节制文本框自动缩小笔墨添补，看问题各人就能大白了，就是指笔墨在指定巨细的文本框input中，及时巨细，您可以运行下面的代码查察结果，当我们输入的笔墨大于文本框的宽度时，文本框内的笔墨自动缩小，挺故意思吧？一路来看看殊效吧！ !DOCTYP

　　JavaScript节制文本框自动缩小笔墨添补，看问题各人就能大白了，就是指笔墨在指定巨细的文本框input中，及时巨细，您可以运行下面的代码查察结果，当我们输入的笔墨大于文本框的宽度时，文本框内的笔墨自动缩小，挺故意思吧？

　　一路来看看殊效吧！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>缩小字体添补</title> <style type="text/css"> #cell{ width:100px; height:20px; line-height:20px; border:1px #000 solid; white-space:nowrap; overflow:visible; margin:20px;} </style> </head> <body> 请输入笔墨信息：<input id="ipt" onkeyup="update()" type="text" /> <div id="cell"></div> <script type="text/javascript"> function update(){ var str=document.getElementById('ipt').value; document.getElementById('cell').innerHTML=str; document.getElementById('cell').style.fontSize="16px"; autofs(document.getElementById('cell')); } function autofs(o){ var fs=o.style.fontSize; fs=Number(fs.replace("px","")); var sw=o.scrollWidth; var ow=o.offsetWidth; if(sw>ow && fs>1){ fs--; o.style.fontSize=fs+"px"; autofs(o);} } </script> </body> </html><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

MySQL源码安置	运用图形界面从SQL导入
MySQL5.7+keepalived+	windows系统下jsp+mys