jquery文字填寫自動高度的實(shí)現(xiàn)方法
更新時(shí)間：2016年11月07日 10:09:04 投稿：jingxian
下面小編就為大家?guī)硪黄猨query文字填寫自動高度的實(shí)現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
下面開始寫一個(gè)jquery插件
(function($){
$.fn.autoTextarea = function(options) {
var defaults={
maxHeight:null,//文本框是否自動撐高，默認(rèn)：null，不自動撐高；如果自動撐高必須輸入數(shù)值，該值作為文本框自動撐高的最大高度
minHeight:$(this).height()
};
var opts = $.extend({},defaults,options);
return $(this).each(function() {
$(this).bind("paste cut keydown keyup focus blur",function(){
var height,style=this.style;
this.style.height = opts.minHeight + 'px';
if (this.scrollHeight > opts.minHeight) {
if (opts.maxHeight && this.scrollHeight > opts.maxHeight) {
height = opts.maxHeight;
style.overflowY = 'scroll';
} else {
height = this.scrollHeight;
style.overflowY = 'hidden';
}
style.height = height + 'px';
}
});
});
};
})(jQuery);
調(diào)用代碼示例：
<textarea name="textarea" id="textarea" cols="60" rows="4" class="chackTextarea-area"></textarea>
<script type="text/javascript">
$(".chackTextarea-area").autoTextarea({
maxHeight: 220,//文本框是否自動撐高，默認(rèn)：null，不自動撐高；如果自動撐高必須輸入數(shù)值，該值作為文本框自動撐高的最大高度
});
以上這篇jquery文字填寫自動高度的實(shí)現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
jquery提供一種操作DOM元素屬性的方法: attr(修改和增加DOM元素的屬性) 和 removeAttr(移除屬性)。2010-12-12
jquery實(shí)現(xiàn)帶漸變淡入淡出并向右依次展開的多級菜單效果實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)帶漸變淡入淡出并向右依次展開的多級菜單效果,涉及jquery鼠標(biāo)事件及頁面元素動態(tài)樣式設(shè)置的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
我們在很多網(wǎng)站看到，當(dāng)我們滾動網(wǎng)頁時(shí)，網(wǎng)頁內(nèi)的廣告或某個(gè)小區(qū)域并不會消失，而是浮動在屏幕的某個(gè)地方，特別是一些局域廣告2012-07-07
Jquery插件實(shí)現(xiàn)點(diǎn)擊獲取驗(yàn)證碼后60秒內(nèi)禁止重新獲取
這篇文章主要介紹了Jquery插件實(shí)現(xiàn)點(diǎn)擊獲取驗(yàn)證碼后60秒內(nèi)禁止重新獲取,十分常用的功能，這里分享給大家，有需要的小伙伴參考下吧。2015-03-03
這篇文章主要介紹了jQuery中:selected選擇器用法,實(shí)例分析了:selected選擇器的功能、定義及匹配被選擇的<option>元素的使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡單評論功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
jQuery EasyUI 是一個(gè)基于 jQuery 的框架，集成了各種用戶界面插件。接下來通過本文給大家介紹JQuery EasyUI的使用，對jquery easyui相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-02-02
jQuery.position()方法獲取不到值的安全替換方法
這篇文章主要介紹了jQuery.position()方法獲取不到值的安全替換方法,本文給出了一種變通的方法,用.offset()來換算,需要的朋友可以參考下2015-03-03
jQuery form插件之formDdata參數(shù)校驗(yàn)表單及驗(yàn)證后提交
Form Plugin API 里提供了很多有用的方法可以讓你輕松的處理表單里的數(shù)據(jù)和表單的提交過程,通過本文給大家介紹jQuery form插件之formDdata參數(shù)校驗(yàn)表單及驗(yàn)證后提交的相關(guān)知識，感興趣的朋友一起學(xué)習(xí)吧2016-01-01
jquery復(fù)選框全選/取消示例,實(shí)現(xiàn)點(diǎn)擊復(fù)選框的時(shí)候全選所有的子復(fù)選框，再點(diǎn)擊取消所有復(fù)選框的選中狀態(tài)2013-12-12