久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術文章
文章詳情頁

javascript - js怎么獲取textarea自動換行行數?

瀏覽:132日期:2022-12-12 10:06:48

問題描述

要在textarea中輸入內容,默認為一行,當輸入的內容過多時自動換行,并且高度增加?

問題解答

回答1:

1, 用shadow

<p style='height:0; overflow:hidden;'> <p class='shadow'></p></p><textarea style='overflow:hidden;'></textarea><script> textarea.addEventListener(’input’, function(e) {shadow.innerHTML = this.value.replace(/</g, ’&lt;’).replace(/>/g, ’&gt;’);this.height = shadow.clientHeight + ’px’; });</script>

2, 用 contenteditable 屬性

<p contenteditable='true'>這里的高度會隨內容自動擴展</p>

3, 如果用

textarea.style.height = textarea.scrollHeight + ’px’;

這種形式也可以調整高度, 但換行的時候會有滾動條一閃而逝, 而且高度只會增加沒法減少, 是體驗最差的寫法.

回答2:

給textarea一個oninput事件

<textarea id='text'></textarea>document.getElementById(’text’).style.height = document.getElementById(’text’).scrollHeight + ’px’

類似這樣的

回答3:

http://stackoverflow.com/ques...

回答4:

textarea的總高度(用jQ的element.height(),如果是原生js,請查看手冊的BIF)/ 你定義的行高

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 阳谷县| 韶关市| 耒阳市| 晋宁县| 拉萨市| 泊头市| 延吉市| 东兴市| 汕尾市| 湖州市| 扶沟县| 吴江市| 华阴市| 咸丰县| 通州区| 犍为县| 曲阳县| 灵台县| 桦川县| 加查县| 兖州市| 永昌县| 和林格尔县| 库伦旗| 新竹县| 麟游县| 巨野县| 雷山县| 桃园市| 亚东县| 武隆县| 离岛区| 垦利县| 河间市| 正安县| 荣成市| 云龙县| 安塞县| 文水县| 志丹县| 呼伦贝尔市|