js點擊控制textarea標簽內文本自動換行

新建一個html文件，定名為test.html，用于實現點擊使textarea內的文本主動換行。

在test.html頁面，建立一個p標簽，在p標簽里面利用input標簽建立一個類型為checkbox的選擇框。

在test.html頁面，再建立一個form表單，并將其name屬性設置為editsrc，用于下面獲得form對象。在form表單里面利用textarea標簽建立一個文本輸入框，文本框里面放一段內容，用于測試主動換行。代碼如下：

給input選擇框綁心猿意馬onclick點擊事務，當點擊事務被觸發時，執行huanhang()函數，將在函數內編寫實現主動換行的邏輯。

在huanhang()函數內，利用if判定語句，當當前的input選擇框被勾選時，設置textarea文本框的wrap屬性為hard，即主動換行，textarea內容換行顯示。

當input選擇框再次點擊，即不勾選時，textarea的內容在一行顯示。是以，在if判定語句的else里，設置textarea文本框的wrap屬性為off，即不換行，在一行顯示。

在瀏覽器運行test.html文件，查看是否實現功能。

0 條評論