JS實現選擇TextArea內文本的方法

更新時間：2015年08月03日 12:20:24 作者：不吃皮蛋

這篇文章主要介紹了JS實現選擇TextArea內文本的方法,涉及javascript針對頁面TextArea元素焦點設置及文本獲取的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JS實現選擇TextArea內文本的方法。分享給大家供大家參考。具體實現方法如下：

<script type="text/javascript">
  function select_field(id){
    document.getElementById(id).focus();
    document.getElementById(id).select();
  }
  function init(){
    select_field('text1');
  }
  onload=init;
</script>
<form>
This field gets selected onload:<br/>
<input type="text" name="text1" id="text1" value="some text" />
<br/>
<textarea name="textarea1" id="textarea1" rows="9" cols="50" wrap="off">Some long
content in here.
abcd efgh abcd efgh abcd efgh
abcd efgh abcd efgh abcd efgh
abcd efgh abcd efgh abcd efgh
</textarea>
<br/>
<input type="button" value="Select text" onclick="select_field('textarea1')">
</form>

希望本文所述對大家的javascript程序設計有所幫助。

您可能感興趣的文章:

JS
TextArea

通過實踐編寫優(yōu)雅的JavaScript代碼
這篇文章主要介紹了如何通過實踐編寫優(yōu)雅的JavaScript代碼。文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，下面我們來學習一下吧
2019-05-05
淺談在js傳遞參數中含加號(+)的處理方式
下面小編就為大家?guī)硪黄獪\談在js傳遞參數中含加號(+)的處理方式。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
js中??是什么意思(示例場景)
???是一個非常有用的運算符,特別適合在需要區(qū)分?null/undefined?和其他假值的場景中使用,它可以幫助你更精確地處理默認值邏輯,本文給大家介紹js中??是什么意思,感興趣的朋友一起看看吧
2025-04-04
我遇到的參數傳遞中雙引號單引號嵌套問題
我遇到的參數傳遞中雙引號單引號嵌套問題
2010-02-02
JavaScript中具名函數的多種調用方式總結
這篇文章主要介紹了JavaScript中具名函數的多種調用方式總結,本文總結了4種方法,需要的朋友可以參考下
2014-11-11
ES6新特性五：Set與Map的數據結構實例分析
這篇文章主要介紹了ES6新特性五之Set與Map的數據結構,結合實例形式分析了ES6中Set與Map的功能、定義、屬性、結構與相關使用技巧,需要的朋友可以參考下
2017-04-04
何時使用Map來代替普通的JS對象
這篇文章主要介紹了何時使用Map來代替普通的JS對象，對Map感興趣的同學，可以參考下
2021-04-04
前端實現各種類型文件保存的方案總結
在Web開發(fā)中,文件下載是常見的交互需求,本文將系統(tǒng)總結前端實現文件保存的三大核心場景（圖片、文本、網頁）及對應技術方案,幫助開發(fā)者根據具體需求選擇最優(yōu)解,需要的朋友可以參考下
2025-04-04
JavaScript中將字符串轉換為數字的七種方法總結
在js的使用中往往伴隨著有格式帶來的問題,下面這篇文章主要給大家介紹了關于JavaScript中將字符串轉換為數字的七種方法,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
2022-09-09
JavaScript實現的浮動層框架用法實例分析
這篇文章主要介紹了JavaScript實現的浮動層框架用法,以實例形式分析了JavaScript實現可關閉的半透明浮動層相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-10-10