javascript - 我希望我的网页上input框中输入内容越多，字号会自动变小-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 AI 提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - 我希望我的网页上input框中输入内容越多，字号会自动变小

PHPz 2017-04-10 15:43:25

[JavaScript讨论组]

554

我希望在输入时候，因为输入宽的宽度不变，所以越输入越多的时候，字号会自动变小，实现思路应该是怎么样的，怎么实时监听呢？谢谢各位大侠

PHPz

学习是最好的投资！

全部回复(7)

PHP中文网2017-04-10 15:45:25 7楼

我的思路是监听input的change时间，并且给input设置size属性，当输入的文字等于size设置的值时，动态的改变size的值并且改变字体的大小。

赞 +0

添加回复

黄舟2017-04-10 15:45:25 6楼

监听onchange呗

赞 +0

添加回复

高洛峰2017-04-10 15:45:25 5楼

= =。这个想法太不行了，你如果用户输入30个字，然后发现文字都看不清了（谷歌最小字体12px），这样的用户体验是不好的。

赞 +0

添加回复

怪我咯2017-04-10 15:45:25 4楼

用change事件在鼠标离开的时候才生效，bind键盘的keyup事件，然后通过event.keycode来判断

$("#inputid").keyup(function(event){
    if ((event.keyCode > 40 || event.keyCode == 8 || event.keyCode == 32)) { 

     }
    /* keycode 40 = Down, 
    8 = BackSpace BackSpace, 
    32 = space space Keys with codes 40 and below are special 
    (enter, arrow keys, escape, etc.)
    */
});

然后根据length来设置font-size

赞 +0

添加回复