input宽度随文字变化而变化
2016-11-16 16:57
204 查看
<input type="text" class="form-control">
<script>
var searchinput=$("input");
var textWidth = function (text) {
var sensor = $('<pre>' + text + '</pre>').css({display: 'none'});
$('body').append(sensor);
var width = sensor.width();
sensor.remove();
return width;
};
searchinput.unbind('keyup').bind('keyup', function () {
$(this).width(textWidth($(this).val() + 20));
});
</script>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 输入文字自动变化宽度的INPUT,带计数（图）
- 输入文字自动变化宽度的INPUT ，带计数（图）
- 输入文字自动变化宽度的INPUT,带计数（图）
- input文字方框中，字体颜色的变化 要求默认的字体颜色是灰色，当要输入字时，字体是正常的黑色
- javascript ,jq 实现input随文字变化而变化
- 针对input添加padding后宽度变化问题
- ColorStateList实现TextView文字按下时颜色变化
- 根据宽度文字自动换行
- td文字超出设定宽度变成点
- js实现input文本框点击时文字消失，失去焦点时文字出现
- Boundary的妙用（以设置文字的宽度为例）
- js 实时监听input中值变化
- textarea宽度固定，自动增高,input高度固定，自动增宽
- File input 的样式和文字的更改方法__适用于Firefox、IE等浏览器
- js 实时监听input中值变化
- js实现input输入文字搜索功能
- 设置table的td宽度，不随文字变宽
- js监听输入框值的即时变化onpropertychange、oninput
- C#_wpf_userinput_数据绑定_后台对象改变，界面数据也变化
- web前端学习笔记(CSS变化宽度布局)