javascript - js怎么獲取textarea自動換行行數?
問題描述
要在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, ’<’).replace(/>/g, ’>’);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)/ 你定義的行高
相關文章:
1. mac OSX10.12.4 (16E195)下Mysql 5.7.18找不到配置文件my.cnf2. mysql - 怎么生成這個sql表?3. mysql儲存json錯誤4. php - 公眾號文章底部的小程序二維碼如何統計?5. mysql - 表名稱前綴到底有啥用?6. mysql - 數據庫表中,兩個表互為外鍵參考如何解決7. Navicat for mysql 中以json格式儲存的數據存在大量反斜杠,如何去除?8. 在mybatis使用mysql的ON DUPLICATE KEY UPDATE語法實現存在即更新應該使用哪個標簽?9. mysql - 數據庫建字段,默認值空和empty string有什么區別 11010. sql語句 - 如何在mysql中批量添加用戶?
