TEXTAREA中文內容監控

2021-07-13 06:25:13 字數 756 閱讀 8194

timetable是一維陣列,裡面的資料為【當前字數,當前時間,當前字數,當前時間……】,每次輸入中文時會取當前輸入字數與時間,push進陣列。

function wordcheck()

//加乙個最大值,為了區分輸入乙個中文,與刪除中文前的英文

//這個判斷可以繼續完善,因為可以檢測當前游標,就可以判斷游標左右是否有字,來確定是否插入。

if(nowcount-previouscount==-1)

else if(!re.test(ppreviousword))

else

}else

}else

} else if(nowcount-previouscount<-1)

} else

else }

previouscount=nowcount;

ppreviousword=previousword;

previousword=nowinput;

}

暫時想不到更好的方法來判斷中文的輸入。

而且同樣是chrome,高的版本與低版本對於拼音的識別不同,低版本在textarea中輸入拼音時,不會觸發oninput,只有完成漢字選擇,輸入後,才觸發。

而高版本的chrome,在輸入拼音時,未進行選字,就已經觸發了oninput。

這才是這個複雜判斷的由來。如果textarea可以區分拼音與英文的輸入,就沒這麼麻煩了。

已將完整demo上傳至github:

textarea高度隨內容自動改變

textarea預設的高度不是對著內容變化,而是隨著內容增多,出現了滾動條。目前的需求是實現乙個能夠輸入的textarea,並且高度跟著內容變化。發現了乙個比較好用的外掛程式flextext,但是這個基於jquery寫的,目前的技術棧是react,所以簡單看了下,然後用原生的js模擬了乙個實現。ht...

textarea根據輸入內容增高

fn.extend adjusth this on input function 重置高度 param elem function adjusth elem height elem.scrollheight clientheight 元素客戶區的大小,指的是元素內容及其邊框所佔據的空間大小 經過實踐...

jQuery獲取textarea中的內容

查閱資料可知 jquery的.val 方法是專門用來獲取表單元素值的,而textarea也屬於表單元素所以可以直接用.val 方法獲取。由於textarea是個雙標記,因此.text 或.html 方法也可以獲取到其中的資訊。經過我們實際的測試發現 1.我們通過給textarea元素設定id,通過i...