js-jQuery监听input标签输入变化-计算text文本宽度
function resizeInputWidth() {
$("#idCheckContent input").unbind('keydown').bind('keydown', function() {
var _width = textWidth($(this).val() || $(this).attr('placeholder'));
$(this).width(_width + 10);
});
var t = $("#idCheckContent input").val() || $("#idCheckContent input").attr('placeholder'); //
$("#idCheckContent input").width(textWidth(t)); //初始化时
}
//input宽度自适应开始
var textWidth = function(text) {
var sensor = $('<pre>' + text + '</pre>').css({
display: 'none'
});
$('body').append(sensor);
var width = sensor.width();
sensor.remove();
return width;
};
正文到此结束
- 本文标签： JavaScript
- 本文链接： https://code.jiangjiesheng.cn/article/88
- 版权声明： 本文由小江同学原创发布，转载请先联系本站长，谢谢。
热门推荐
相关文章
近期评论
-
来自： 运维-docker专题-创建镜像-操作容器-制作jdk17的docker镜像等
-
来自： 留言板
-
来自： 留言板
-
来自： js-处理网页图片宽度自适应屏幕宽度
-
来自： 留言板
