如何使用JS獲得textarea中選中的文字

新建一個html文件 , 定名為test.html , 用于介紹若何經由過程JS獲得textarea中選中的內容 。


如何使用JS獲得textarea中選中的文字



2在test.html頁面 , 利用button標簽建立一個按鈕 , 用于實現點擊按鈕時 , 彈窗顯示獲得textarea選中的內容 。


如何使用JS獲得textarea中選中的文字



3在test.html頁面 , 利用textarea標簽建立一個60列 , 10行的內容輸入框 , 用于內容的輸入和選擇內容 。


如何使用JS獲得textarea中選中的文字



4給button按鈕綁定onclick點擊事務 , 當按鈕被點擊時 , 執行doS()函數 , 獲得textarea中選中的內容并顯示出來 。


如何使用JS獲得textarea中選中的文字



5利用document.getElementById()的方式獲得textarea對象 , 經由過程selectionStart屬性和selection屬性獲得textarea中選中內容的肇端位置和竣事位置 。


如何使用JS獲得textarea中選中的文字



6利用if語句判定 , 若是肇端位置等于竣事位置 , 則沒有選中內容;若是肇端位置不等于竣事位置 , 則利用substring方式獲得選中的內容并利用alert顯示出來 。


如何使用JS獲得textarea中選中的文字



7【如何使用JS獲得textarea中選中的文字】在瀏覽器打開test.html文件 , 在textarea框輸入測試內容 , 然后選中部門內容 , 點擊“選中的文字”按鈕 , 彈窗形式顯示選中的文字 。


如何使用JS獲得textarea中選中的文字



如何使用JS獲得textarea中選中的文字



以上內容就是如何使用JS獲得textarea中選中的文字的內容啦 , 希望對你有所幫助哦!

    猜你喜歡