jQuery输入框自适应宽度
输入框的宽度能跟着你打的字实时变长,这功能挺人性化的,适合那种不想让表单太死板的交互场景。实现起来不难,用jQuery监听keyup
事件,再根据输入长度动态改width
就行了。嗯,宽度计算可以按字符乘个像素值,别忘了设置个最大值,防止撑爆页面。你还可以加个debounce来优化性能,避免每按一下就触发一次改宽度的操作。要在不同屏幕下也好用?配合响应式布局或者media query
效果更稳。
58.91KB
文件大小:
评论区