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...