如何精確控制textarea的行數,若輸入超過指定的行數,則禁止輸入?

時間 2021-05-31 09:17:33

1樓:rambo

為什麼要控制行呢? 這樣你怎麼讓後台驗證?

或者可以弄成隨著輸入自動增加高度的效果!

地鐵佔坑回家答

"use strict"

;var

getTextextareareaContentHeight=function

(textarea

,scanAmount

)else

while

(textarea

.offsetHeight

.scrollHeight

)/// reset

textarea

.style

.height

=origHeight

;textarea

.style

.overflow

=origOverflow

;return

height;}

};var

style

=window

.getComputedStyle

(textextarearea

),textextareareaLineHiehgt=style

.lineHeight

;textextareareaLineHiehgt=((textextareareaLineHiehgt==="norma"?(

1.2*

style

.fontSize):

textextareareaLineHiehgt),10

);var

,textextareareaLineHiehgt),var

numberOfLines

=Math

.ceil

(textextareareaContentHeight/textextareareaLineHiehgt);

2樓:MC成

弄個div visibility none contenteditable。 然後input 同步內容。 就可以獲得高度處以寬度即可。 都是關鍵字....

3樓:周明禮

用overflow:hidden來隱藏乙個div和textarea等寬,每次teatarea觸發input事件時,把值賦給這個div,記得\n要轉換為br,然後計算div的高度除以行高就可以了。

4樓:

有個dirty的思路。

弄個visibility為hidden的css相同的textarea實時同步內容,並且overflow設為scroll初始height設1px, oninput時用scrollHeight/lineHeight實時監控行數。

沒驗證過,純屬腦洞。。。

5樓:賀師俊

能。此問題無非是如何得到textarea當前的行數。由於要求軟回車也計算在內,光計算textarea.value包含多少回車是不可行的。

需要找到辦法計算實際螢幕顯示的行數。順著這個思路去找吧,少年。

製造時是如何精確控制微孔濾膜的過濾孔徑的?

TZNG 做結晶的,讓乙個化合物的結晶長成長針狀,並控制在0.22微公尺並不難。把這些晶體和膠性的膜基混在一起,做成膜,然後用溶解或者其他方法把這個化合物結晶拿掉,就變成了微孔濾膜了。 文台 我是做奈米膜的,不知是不是你諮詢的那一塊的.總的來說,張膜的話,我的經驗是 pH 對,pH值,當然我指的是其...

有什麼控制方式是不太精確需要系統模型的,除了pid,智慧型控制裡面模糊呀,神經網路什麼的?

Navy 韓京清先生提出的自抗擾控制,是改進版的PID控制,不依賴於模型,使用積分器串聯型系統來作為控制系統的標準型。核心思想有4個部分 1 合理設計過渡過程 傳統跟蹤誤差的取法是 其中 是設定值,是系統輸出。這樣設計,一般來講會使得初始跟蹤誤差會比較大,反饋值太大容易導致超調或者執行器飽和 這裡合...

光速是如何精確測定的?

1607年伽利略最早做了測定光速的嘗試 讓兩個實驗者在夜間每人各帶一盞遮蔽著的燈,站在相距約1.6km的兩個山頂上,第乙個實驗者先開啟燈,同時記下開燈的時間,第二個實驗者看到傳來的燈光後,立刻開啟自己的燈,第乙個實驗者看到第二個實驗者的燈光後,再立刻記下時間 然後根據記下的時間間隔和兩山頂間的距離計...