自动调整文本区域链接大小向下jquery
Auto resizing textarea link down jquery
在另一篇关于调整文本区域大小的文章中引用了此链接。页面(和网站)现在全部关闭。
有人有调整文本区域大小的代码吗:
http://javascriptly.com/examples/jquery-grab-bag/autogrow-textarea.html
现在在下面找到EDIT。以防再次下跌:
(function ($) {
/*
* Auto-growing textareas;
*/
$.fn.autogrow = function (options) {
this.filter('textarea').each(function () {
var $this = $(this),
minHeight = $this.height(),
lineHeight = $this.css('lineHeight');
var shadow = $('<div></div>').css({
position: 'absolute',
top: -10000,
left: -10000,
width: $(this).width() - parseInt($this.css('paddingLeft')) - parseInt($this.css('paddingRight')),
fontSize: $this.css('fontSize'),
fontFamily: $this.css('fontFamily'),
lineHeight: $this.css('lineHeight'),
resize: 'none'
}).appendTo(document.body);
var update = function () {
var times = function (string, number) {
for(var i = 0, r = ''; i < number; i++) r += string;
return r;
};
var val = this.value.replace(/</g, '<').replace(/>/g, '>').replace(/&/g, '&').replace(/'n$/, '<br/> ').replace(/'n/g, '<br/>').replace(/ {2,}/g, function (space) {
return times(' ', space.length - 1) + ' '
});
shadow.html(val);
$(this).css('height', Math.max(shadow.height() + 20, minHeight));
}
$(this).change(update).keyup(update).keydown(update);
update.apply(this);
});
return this;
}
})(jQuery);
这是抓包的链接
http://onehackoranother.com/projects/jquery/jquery-grab-bag/autogrow-textarea.html
相关文章:
- jQuery链接未按预期工作
- 使用jQuery链接将鼠标悬停到img标记
- 使用jquery链接可点击性
- Javascript/jQuery链接/href补充的动态文本
- jQuery 链接不起作用
- 带有 OnClick 的 jQuery 链接标记 href 需要单击两次才能加载 AJAX
- 将输入转换为使用 jQuery 链接回去
- CSS/JQuery 链接悬停不会触发
- html5 文件中的 jquery 链接出现问题
- jQuery:链接动画和AJAX请求
- 使用javascript创建Jquery链接
- 点击jquery链接运行php文件
- 由于某种原因,Jquery链接选择器不起作用
- 如何使用Jquery链接函数
- jquery链接与谷歌地图切换
- Jquery链接效果在每次页面加载时只起作用一次
- 动态添加新的selectbox后,多个jquery链接不起作用
- 如何将进度条与.click事件jquery链接
- jquery链接在加载下一页之前单击切换图像
- jQuery链接多个自定义函数来触发多个面板