åºეçვე¨éჃეჃკ误æჃე¶éჃმ჆ (2023)

ï¼ï¼13;

$('textarea').each(function () { this.setAttribute('tyyli', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');}).on(' input', function () { this.style.height = 'auto'; this.style.height = (this.scrollHeight) + 'px';});

ï¼ï¼13;

ESALADATTU TEKSTI. Tämän javascriptin pitäisi nyt lisätä paremman tuen IOS-selaimille ja Android-selaimille.

ï¼ï¼13;

ï¼ï¼13;

var tx = document.getElementsByTagName('tekstialue');for (muut i = 0; i < tx.length; i++) { tx[i].setAttribute('tyyli', 'height:' + (tx[i]. scrollHeight) + 'px;overflow-y:hidden;'); tx[i].addEventListener("input", OnInput, false);}function OnInput() { this.style.height = 'auto'; this.style.height = (this.scrollHeight) + 'px';}

ï¼ï¼13;

ESALADATTU TEKSTI. Tämän JavaScriptin pitäisi nyt lisätä parempaa tukea IOS-selaimille ja Android-selaimille.

ï¼ï¼13;

var tarkkailla;if (window.attachEvent) { tarkkailla = funktio (elementti, tapahtuma, käsittelijä) { element.attachEvent('on'+tapahtuma, käsittelijä); };}else { tarkkailla = funktio (elementti, tapahtuma, käsittelijä) { element.addEventListener(tapahtuma, käsittelijä, false); };}function init () { var text = document.getElementById('teksti'); function resize () { text.style.height = 'auto'; text.style.height = text.scrollHeight+'px'; } /* 0-aikakatkaisu jo muutetun tekstin saamiseksi */ function delayedResize () { window.setTimeout(resize, 0); } tarkkaile(teksti, 'muuta', muuta kokoa); tarkkailla(teksti, 'leikata', delayedResize); tarkkailla(teksti, 'liitä', delayedResize); tarkkailla(teksti, 'pudota', delayedResize); tarkkailla(teksti, 'näppäimet', viivästettyResize); text.focus(); text.select(); muuta kokoa();}

textarea { border: 0 none white; ylivuoto piilotettu; pehmuste: 0; ääriviivat: ei mitään; taustaväri: #D0D0D0;}

ï¼ï¼13;

aJ bc

ï¼ï¼13;

div { leveys: 200px;}span { reunus: 1px solid #000; täyte: 5px;}

 Käyttäjä voi muokata tätä tekstiä

function custom() { var style = this.currentStyle || window.getComputedStyle(this); var boxSizing = style.boxSizing === 'border-box' ? parseInt(tyyli.borderBottomWidth, 10) + parseInt(tyyli.borderTopWidth, 10) : 0; this.style.height = ''; this.style.height = (this.scrollHeight + boxSizing) + 'px';};var textarea = document.getElementById("ta");if ('onpropertychange' tekstialueella) { // IE textarea.onpropertychange = säädä; } else if ('oninput' tekstialueella) { textarea.oninput = säädä;}setTimeout(adjust.bind(textarea));

textarea { kokoa: ei mitään; enimmäiskorkeus: 150 pikseliä; reunus: 1px solid #999; ääriviivat: ei mitään; fontti: 18px sans-serif; väri: #333; leveys: 100 %; täyte: 8px 14px; box-sizing: border-box;}

Kokeile lisätä tähän useita rivejä.

$(document).find('textarea').each(function () { var offset = this.offsetHeight - this.clientHeight; $(this).on('näppäimen syötteen kohdistus', function () { $(this) .css('height', 'auto').css('korkeus', this.scrollHeight + offset); });});

- ... ¨ä¸ä½¿ç¨

è¿æ¯panziççæ¡çangularjsæ令ã

module.directive('autoHeight', function() { return { rajoittaa: 'A', linkki: function(scope, element, attrs) { element = elementti[0]; var resize = function(){ element.style.height = 'auto'; element.style.height = (element.scrollHeight)+'px'; }; element.addEventListener('muuta', muuta kokoa, false); element.addEventListener('leikata', muuta kokoa, false); element .addEventListener('paste', resize, false); element.addEventListener('pudota', muuta kokoa, false); element.addEventListener('keydown',resize, false); setTimeout(resize, 100); } }; }) ;

HTMLï¼

æç¹ä¿®æ£ãå¨Operaä¸å®ç¾è¿è¡

$('tekstialue').bind('näppäinpainallus', function() { $(this).height(''); var brCount = this.value.split('\n').length; this.rows = brCount+1; //++ Nykimisen poistaminen var areaH = this.scrollHeight, lineHeight = $(this).css('line-height').replace('px',''), calcRows = Math.floor( alueH/linjankorkeus); this.rows = calcRows; });

- ...

æจฝ¥è°จæจ´é«จ度

textarea.setAttribute('rows',breaks);

Demo

- ½çვლვაანამამალისა ˆ

$(document).on("näppäinpainallus", "tekstialue", funktio (e) { var korkeus = $(this).css("korkeus"); var iScrollHeight = $(this).prop("scrollHeight"); $(this).css('height',iScrollHeight); });

æ³è¦åæ°çæ¬çAngularä¸å®ç°ç¸åç®æ®æç

Tartu tekstialueelementtiinRefã

@ViewChild('textArea', { read: ElementRef }) textArea: ElementRef;public autoShrinkGrow() { textArea.style.overflow = 'piilotettu'; textArea.style.height = '0px'; textArea.style.height = textArea.scrollHeight + 'px';}

- - ¶ä¸¸───────overflow:scrollæคคคคคคคค½ä¼คæค¹ä¾¿ä¸คคäºคé读线ç¨คçฃคคçคçฃคคçคçฃคคçค¨æคคçค¨æ ค -

public autoGrowShrinkToCertainHeight() { const textArea = this.textArea.nativeElement; if (textArea.scrollHeight > 77) { textArea.style.overflow = 'auto'; palata; } else { textArea.style.overflow = 'piilotettu'; textArea.style.height = '0px'; textArea.style.height = textArea.scrollHeight + 'px'; } }

- ...

textarea.rows = Math.max(2, textarea.value.split("\n").length) // # oninput

-https://jsbin.com/kajosolini/1/edit?html,js,output

ï¼è¿ä¸æµè§å¨çæå¨è°æ´å¤§å°ææéå使 ç¨ï¼

åªé使ç¨

pre { font-family: Arial, Helvetica, sans-serif; tyhjä tila: pre-wrap; word-wrap: break-word; fonttikoko: 12px; rivin korkeus: 16 kuvapistettä; }

ä»tässä

渪ç¸è½®

-

onKeyPressTextMessage = function(){var textArea = event.currentTarget; textArea.style.height = 'auto'; textArea.style.height = textArea.scrollHeight + 'px';};

以ä¸æ¯JSFiddle

> |

// säädä textarea.auto-height$(document).on( 'keyup', 'textarea.auto-height', function (e){ $(this).css('height', 'auto' ); // voit määrittää tämän tässä tai ilmoittaa sen sijaan CSS:ssä $(this).height( this.scrollHeight );}).keyup();

//åCSS

textarea.auto-height { kokoa: pystysuora; enimmäiskorkeus: 600 pikseliä; /* aseta tarpeen mukaan */ korkeus: auto; /* voidaan asettaa tästä JS:ssä */ overflow-y: auto; word-wrap:break-word}

æéè¦çåªæ¯å°.auto-height课ç¨æ·»åå°æ¨è¦å®ä½çä»»ä½tekstialueã

Safari - è? d

迸ለለለለለሰሀሃèለለለሕå¡«åለለለለለሀለ

Hae ja $¾Ä½æ ¸¸XAxHEight ranskaksi All islandc ie ³è ³è ³è åâ å ³ it å ç ç ç ç î¼ ï

// vaatii ilmeisesti jQueryn // elementti on tekstialueen DOM-solmu var $el = $(elementti); // sisäkorkeus on korkeus + täyte // ulkokorkeus sisältää reunuksen (ja mahdollisesti myös marginaalit?) var padding = $el.innerHeight() - $el.height(); var originalHeight = $el.height(); // XXX: Älä jätä tätä kovakoodattua var maxHeight = 300; var säädä = function() { // palauttaa sen alkuperäiseen korkeuteen niin, että scrollHeight on järkevä $el.height(originalHeight); // tämä on haluttu korkeus (muokattu sisällön kokoon) var height = element.scrollHeight - täyte; // Jos et halua maksimikorkeutta, voit jättää tämän korkeuden huomioimatta = Math.min(height, maxHeight); // Aseta korkeus uuteen säädettyyn korkeuteen $el.height(height); } // Syötetapahtuma toimii vain nykyaikaisissa selaimissa element.addEventListener('input', säädä);

对äºจคมคมคมคมคå¸คæมคtextareaåม¨å®½åº¦åมมé«ม度ä¸มé«ม度ä¸ส¡มº¦ä¸ส¡èมå¦ä¸มค §å °ถ 縺ºï¼¸

HTMLï¼

CSSï¼

.textbox,.tmp_textbox { font-family: 'Arial'; fonttikoko: 12px; kokoa: ei mitään; overflow:hidden;}.tmp_textbox { display: none;}

jQueryçï¼

$(function(){ //alert($('.textbox').css('padding')) $('.textbox').on('avaimen muutos', checkSize) $('.textbox'). trigger('keyup') function checkSize(){ var str = $(this).val().replace(/\r?\n/g, '
'); $('.tmp_textbox'). html( str ) console.log($(this).val()) var strArr = str.split('
') var row = strArr.length $('.textbox').attr('rivit' , rivi) $('.textbox').width( $('.tmp_textbox').width() + parseInt($('.textbox').css('täyte')) * 2 + 10 ) }})

Codepen

http://codepen.io/anon/pen/yNpvJJ

å¹²æ¯ï¼

迸¸¸¸¸¸¸¸¸è¸è®è¸¸ºä¸ºtekstialue设置æ大è¡æ°ï¼ä¹åtekstialue-rivit-

å¦ætekstialue鸸亸¹å¸¸¸¸¸¸¸¸¸¸¸¸¸¸¸¸¸¸æ¸¸æ²¡æ¸¸¸¸¸»ä½¸¸å¸¸¸¸¹ï¼å¸¸¸¸¹ï ¸¸¸°¸¸¸æ¸æ¸¸æ¸¸æ¸¸æ¸¸æ¸æ ᔕᔕᔕᗩ

è? å¸⊊常¸å®½åº¦ã¸¸¸¸¸¸¸ºmax-leveysja®¾ç½®ä¸ზ个tekstialue-suurin leveys: 100 %;ä¹ვევავავავავავავავალიsyöttöçtype="teksti"å段ãæ¨å¯ä»¥å¨æ¤vastausä¸é读æ´å¤ç¸å³ä¿¡æ¯ã

const textarea = document.querySelector('textarea');setTextareaWidthHeight(tekstialue);textarea.addEventListener('input', setTextareaWidthHeight.bind(this, textarea));function getInputWidth(element) { const text = = elementti. element.placeholder; const elementStyle = ikkuna.getComputedStyle(elementti); const fontProperty = elementStyle.font; const horizontalBorder = parseFloat(elementStyle.borderLeftWidth) + parseFloat(elementStyle.borderRightWidth); const horisontaalinenPadding = parseFloat(elementStyle.paddingLeft) + parseFloat(elementStyle.paddingRight); const canvas = document.createElement('canvas'); const konteksti = canvas.getContext('2d'); konteksti.font = fontProperty; const textWidth = konteksti.mittateksti(teksti).leveys; const totalWidth = vaakaReuna + horisontaalinen täyte + tekstiLeveys + "px"; return totalWidth;}funktio setTextareaWidthHeight(elementti) { // tallentaa rivien minimi- ja enimmäismääritteen arvo, joka tulee asettaa const minRows = 1; const maxRows = 5; // tallentaa alkuperäisen rivin ylivuotoominaisuuden arvon muuttujaan, jotta se voidaan myöhemmin palauttaa alkuperäiseen ehtoon const originInlineOverflowY = element.style.overflowY; // Muuta ylivuoto-y-ominaisuuden arvo piilotetuksi välttääksesi epäjohdonmukaiset leveyserot, jotka johtuvat vierityspalkin leveyselementistä.style.overflowY = 'piilotettu'; const totalWidth = getInputWidth(element); element.style.width = totalWidth; anna rivit = minRows; element.setAttribute("rivit", rivit); while (rivit <= maxRows && element.scrollHeight !== element.clientHeight) { element.setAttribute("rivit", rivit); rivit++; } // muuta ylivuoto alkuperäiseen ehtoonsa if (initialInlineOverflowY) { element.style.overflowY = alkuperäinenInlineOverflowY; } else { element.style.removeProperty("overflow-y"); }}

tekstialue { max-width: 100%;}

...pieni (7 kt) mukautettu elementtiï¼│å│┏¯ä»¥ä¸ºæ│¨å¤┄ç│┐┆æ┉─æ├┉è¿┙äº┛大å°│è°││⃃Ô─┕´é ã─│

å®ვåზ✨ä»»ä½ზåზ°æზ¹éჃ½åზ¯ä»¥ä½¿çე¨ï¼å为å®Ⴣæზ˘¯ä½Ⴣ˜ä¸ºჃჄ˜ä¸º คคฃç´å®คçค°çค คãค฀ขวåค¶ä¸åฌมæม¬ï¼มèมมæมตมDOMï¼จReactï¼มElmçมคïæ¡มคïæ¡มคï คคç« ¯æ¸²æคคคคçคคä¸ฃ西ï¼ฃå¦ฃPHPï¼ฃåมฒฌ纯æฃ´çฃบคHTMLæฃฃบคHTMLæ

Se on ... ... ä»ขçข¶æ£å¸¸ãขข

è¿æ¯å®çå ¥ä½æ¹å¼ï¼

// Yhden Javascript-tiedostosi yläosassa tuonti "autoheight-textarea";

æåå«ä¸ºèæ¬æç¾

ç¶ååè¿æ·åè£æ¨çtextareaåç´

HTMLæ件

React.jsç»ä»¶

const MyComponent = () => { return (    );}

ja Codesandboxhttps://codesandbox.io/s/unruffled-http-2vm4c

æ¨å¯ä»¥å¨è¿éè·å软件åï¼https://www.npmjs.com/package/autoheight-textarea

å¦ææ¨åªæ¯æ³ç¥éè°æ´å¤§å°çé»è¾ï¼å¯ä»¥ çç以ä¸åè½ï¼https://github.com/Ahrengot/autoheight-textarea/blob/master/src/index.ts#L74-L85

Kulma 2+

resize(e) { setTimeout(() => { e.target.style.height = 'auto'; e.target.style.height = (e.target.scrollHeight)+'px'; }, 0); }tekstialue { kokoa: ei mitään; ylivuoto piilotettu;}

A ... ...

æåç°çæ好æ¹å¼ï¼

$("textarea.auto-grow").each( function(){ $(this).keyup(function(){ $(this).height( $(this)[0].scrollHeight - Number( $(this) ).css("font-size").replace("px", "") ) ); });});

å¶ä»æ¹å¼é½æåä½å¤§å°é误ã

> ¸¸¸ºä»¸¸ºä»¸¸¸ºä¿¿¸¸¸¸¸¸¸

使ç¨qQueryçMakeTextAreaResisable

function MakeTextAreaResisable(id) { var o = $(id); o.css("overflow-y", "piilotettu"); function ResizeTextArea() { o.height('auto'); o.height(o[0].scrollHeight); } o.on('muuta', function (e) { ResizeTextArea(); }); o.on('cut paste drop keydown', function (e) { window.setTimeout(ResizeTextArea, 0); }); o.focus(); o.select(); ResizeTextArea();}

没æคคคคä¸คค个çఔæ¡คä¼¼ä¹คÎæคคคæคตคãคคข丸คคขä½คคขä½คคขä½ค คมคมตçఔ¨ï¼คhttps://coderwall.com/p/imkqoq/resize-textarea-to-fit-content

$('#content').on( 'change keyup keydown paste cut', 'textarea', function (){ $(this).height(0).height(this.scrollHeight);}).find( 'textarea ' ).change();

è¿˖˖˖˘¯æ˖ˈ˖ˑå˖˜¨ä¸º TextArea使ç˖˔¨MVC HTML Helperæ˖˗¶æ˖˖ˀå˖˖˜˖˖˖˖ˈå ˖˕textareaå˖˅˖ç ´ï¼│æ│┉─以å¿│⅀¡»ä½¿ç└¨Malli Idå│ºå│┈┆å®┃们ã──

@Html.TextAreaFor(m => m.Teksti, 2, 1, new { id = "text" + Model.Id, onkeyup = "resizeTextBox(" + Model.Id + ");" })

-

function resizeTextBox(ID) { var teksti = document.getElementById('teksti' + ID); text.style.height = 'auto'; text.style.height = text.scrollHeight + 'px'; }

æå¨IE10åFirefox23ä¸æµè¯äºå®

åคคคมคมคมคมคมคมค§£åคค³æค¹æ¡คåค¨Firefoxä¸éæ²คçค¸¸æ²¡æค คwithclientHeightæคถ¹æ³ตæค˛´å¿ «......

1ï¼å°div.textareaéæ©å¨æ·»åå°åå«tekstialueçææéæ©å¨ä¸ãä¸è¦å¿è®°æ·»ålaatikon koko: border-box;

2ï¼åæ¬è¿ä¸ªèæ¬ï¼

function resizeAll(){ var textarea=document.querySelectorAll('tekstialue'); for(var i=textarea.length-1; i>=0; i--) resize(textarea[i]);}function resize(tekstialue){ var div = document.createElement("div"); div.setAttribute("luokka","tekstialue"); div.innerText=textarea.value+"\r\n"; div.setAttribute("tyyli","leveys:"+tekstialue.offsetWidth+'px;näyttö:lohko;korkeus:auto;vasen:0px;yläosa:0px;sijainti:kiinteä;z-indeksi:-200;näkyvyys:piilotettu; word-wrap:break-word;overflow:hidden;'); textarea.form.appendChild(div); var h=div.offsetHeight; div.parentNode.removeChild(div); textarea.style.height=h+'px';}function resizeOnInput(e){ var textarea=document.querySelectorAll('textarea'); for(var i=textarea.length-1; i>=0; i--) textarea[i].addEventListener("syöttö",funktio(e){resize(e.target); return false;},false) ;}window.addEventListener("resize",function(){resizeAll();}, false);window.addEventListener("load",function(){resizeAll();}, false);resizeOnInput();

å¨IE11ï¼FirefoxåChromeä¸æµè¯è¿ã

æ¤è§£åคคคคคถ¹æ¡คåคคค建类似äºคtextareaçบคdivï¼คåคคæคซคคæคซ ถตæ คผ¬åคมค度éค გამანანანა

æ¨å¯ä»¥ä½¿ç¨æ¤ä»£çï¼

Coffescript

jQuery.fn.extend autoHeightTextarea: -> autoHeightTextarea_ = (elementti) -> jQuery(element).css( 'height': 'auto' 'overflow-y': 'piilotettu').height element.scrollHeight @each -> autoHeightTextarea_ (@). on 'input', -> autoHeightTextarea_ @$('textarea_class_or_id`').autoHeightTextarea()

Javascript

jQuery.fn.extend({ autoHeightTextarea: function() { var autoHeightTextarea_; autoHeightTextarea_ = function(element) { return jQuery(element).css({ 'height': 'auto', 'overflow-y': 'piilotettu' } .height(element.scrollHeight); }; return this.each(function() { return autoHeightTextarea_(this).on('input', function() { return autoHeightTextarea_(this); }); }); }} );$('textarea_class_or_id`').autoHeightTextarea();

æดข¨åถ¯ä»¥ä½¿çจจ¨è¿จจ®µä»£çจตจจ¥è®¡ç®ทtextareaæม฀éผมçม฀éผมçม฀éผมçม฀éผมçจ฀éผมçจ฀éผมçจจ®µä ม°ï¼ม

plone.app.contenttypes

å¨textarea.rows = 1; if (textarea.scrollHeight > textarea.clientHeight) textarea.rows = textarea.scrollHeight / textarea.clientHeight;åsyöttöäºฃค件ä¸å¯¹åฃ¶è¿è¡è®¡ç®ï¼ä»¥è·å¾èªåฃ¨è°æ´å¤§å° Angularä¸çç

模æ¿ä»£çï¼

window:resize

èªå¨wrap.directive.ts

on¿æ¯Moussawi7çvastausçjQueryçæ¬ã

$(function() { $("textarea.auto-grow").on("input", function() { var element = $(this)[0]; element.style.height = "5px"; elementti. style.height = (element.scrollHeight) + "px"; });})

textarea { kokoa: ei mitään; ylivuoto: auto; leveys: 100 %; minimikorkeus: 50 kuvapistettä; enimmäiskorkeus: 150 pikseliä;}

jQuery解åจค³æจ¹æ¡จæจ¯å°จtextareaçบจé«จ度设置为ï¼จฆï¼จ39; autoï¼┆ï¼┃39;ï¼│æ£│ æ│¥scrollHeightï¼┌ç│℟å│┎æ¯┏次textareaæ┛´æ│ç┃│ │℄é«┘åº ¦ （JSFiddleï¼ ï¼

$('textarea').on( 'syöttö', function(){ $(this).height( 'auto' ).height( this.scrollHeight );});

AJAX-teksti ሉ.readyä¸æ·»åለå®ሃï¼ለ以确ä¿ምæለሉကæሜሉtextareasä¸ሎclassï¼ሆï¼ሃ39; autoheightï¼∆ï¼∃39;ä¿჈჈჈჌჈Ⴡä¸რåვ¶å჆ჃჅ容çმ¸åზᐃ჌çჃვჃºïზვჃºï

$(document).on( 'input', 'textarea.autoheight', function() { $(this).height( 'auto' ).height( this.scrollHeight );});

å¨Chromeï¼Firefoxï¼OperaåIEä¸æµè¯å¹¶ä½¿ç¨ãè¿æ¯æ¼åªå´² é¿è¯çã

Reagoi ç示ä¾å®ç°ï¼

const { useLayoutEffect, useState, useRef} = React;const TextArea = () => { const ref = useRef(); const [arvo, setValue] = useState('Jonkin alkuteksti, joka sekä rivittää että käyttää\nnew\nrivejä'); // Tämä seuraa vain automaattisen koon korkeutta, jotta voimme kertoa, onko käyttäjä muuttanut kokoa manuaalisesti const autoHeight = useRef(); useLayoutEffect(() => { if (!ref.current) { return; } if ( autoHeight.current !== undefined && ref.current.style.height !== autoHeight.current ) { // älä kokoa automaattisesti jos käyttäjä on muuttanut korkeuden palautusta manuaalisesti } ref.current.style.height = "auto"; ref.current.style.overflow = "piilotettu" const next = `${ref.current.scrollHeight}px`; ref.current.style.height = seuraava; autoHeight.current = seuraava; ref.current.style.overflow = "auto"; }, [arvo, viite, autoHeight]); return (  setValue(event.target.value)} /> ) ;}ReactDOM.render(<textarea>, document.getElementById('app'))

ææ¨èæ¥èªhttp://javierjulio.github.io/textarea-autosizeçjavascriptåºã

æ¹æฃค®è¯ฃ论ï¼ฃåฃข¨æฃฃฃ件使ç¨ä¸æ·»å示ä¾ä»£çåฃฃบ

æéçæä½CSSï¼

textarea { box-sizing: border-box; enimmäiskorkeus: 160 pikseliä; // valinnainen mutta suositeltu minimikorkeus: 38px; ylivuoto-x: piilotettu; // Firefoxille (ongelma 5)}

æจจจมจจจย»¥ä½¿çจ¨ä»¥ä¸จตjQueryåจ½æจ°åจ¨IE9åจฌChromeä¸è®TexA°re®. ฀จจ จว »จย ® มบมจจ ° $ ï¼ จ dokumentti จ. จตววิว่ว้ว้วด ±¡ãĂ

function autoResize(obj, size) { obj.keyup(function () { if ($(this).arvo().pituus > koko-1) { $(this).val(function() { $(this). height(function() { return this.scrollHeight + 13; }); alert('Kommentin enimmäispituus on '+koko+' merkkiä.'); return $(this).val().substring(0, size-1 ); }); } $(this).height(function() { if ($(this).val() == '') { return 15; } else { $(this).height(15); return ($(this).attr('scrollHeight')-2); } }); }).keyup();}

å¨æç$ï¼documentï¼.readyï¼ï¼å½æ°ä¸ï¼æ对æ¤é¡µé¢ä¸çææ textareaè°ç¨é½è¿è¡äºä»¥ä¸è°ç¡äºä»¥ä¸è°ç

$('tekstialue').each( function() { autoResize($(this), 250);});

250- - ... ... ¨

$('textarea').bind('keyup change', function() { var $this = $(this), $offset = this.offsetHeight; $offset > $this.height() && $offset < 300 ? $ this.css('height', $offset) .attr('rivit', $this.val().split('\n').length) .css({'height' : $this.attr('scrollHeight) '),'overflow' : 'hidden'}) : $this.css('overflow','auto');});

* ¸æ¸¸è¯¸è¿¸è¸¸æ¸¸è¸¸è§¸è§¸¸Chrome常æ¸æ¸æ¸å¤ ±è´¥äºคคãคคค ค¿คคคค¯åฃ为ä¸คคæคคæค´æค°çฃคscrollHeightåคคคคคคมคม

·²ç»ä½¿ç¨jQueryåºç¨äºPettynyt Goatèæ¬å¹¶æ·»åäºkromikorjaus

function fitToContent(/* JQuery */teksti, /* Numero */maksimikorkeus) { var säädetytKorkeus = teksti.korkeus(); var relation_error = parseInt(text.attr('suhteellinen_virhe')); if (!maksimikorkeus || maksimikorkeus > sovitettuKorkeus) { säädettyKorkeus = Math.max(teksti[0].vierityskorkeus, säädettykorkeus); if (maksimikorkeus) säädettykorkeus = matem.min(maksimikorkeus, säädettykorkeus); if ((adjustedHeight - suhteellinen_virhe) > text.height()) { text.css('korkeus', (adjustedHeight - suhteellinen_virhe) + "px"); // chrome fix if (text[0].scrollHeight != adjustedHeight) { var suhteellinen = teksti[0].scrollHeight - säädetytHeight; if (suhteellinen_virhe != suhteellinen) { text.attr('suhteellinen_virhe', suhteellinen + suhteellinen_virhe); } } } }}function autoResizeText(/* Number */maxHeight) { var resize = function() { sovi Sisältö($(this), maxHeight); }; $("tekstialue").attr('suhteellinen_virhe', 0); $("tekstialue").each(resize); $("tekstialue").keyup(resize).keydown(resize);}

å¦ვႂæვავანავვავა»¥ä¿¡ä»»scrollHeightï¼ვéვႂ£ä¹Ⴣï¼Ⴣ

textarea.onkeyup=function() { this.style.height=''; this.rows=this.value.split('\n').length; this.style.height=this.scrollHeight+'px';}