JS实现选择TextArea内文本的方法


Posted in Javascript onAugust 03, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
jQuery EasyUI API 中文文档 - ProgressBar 进度条
Sep 29 Javascript
鼠标滚轮控制网页横向移动实现思路
Mar 22 Javascript
JavaScript中join()方法的使用简介
Jun 09 Javascript
jQuery基于ID调用指定iframe页面内的方法
Jul 06 Javascript
JavaScript面试题(指针、帽子和女朋友)
Nov 23 Javascript
JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】
Aug 18 Javascript
JavaScript中运算符规则和隐式类型转换示例详解
Sep 06 Javascript
关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)
Sep 04 Javascript
浅谈JavaScript面向对象--继承
Mar 20 Javascript
javascript中的相等操作符(==与===区别)
Dec 21 Javascript
原生javascript实现类似vue的数据绑定功能示例【观察者模式】
Feb 24 Javascript
v-slot和slot、slot-scope之间相互替换实例
Sep 04 Javascript
Javascript连接Access数据库完整实例
Aug 03 #Javascript
Javascript使用post方法提交数据实例
Aug 03 #Javascript
jquery模拟进度条实现方法
Aug 03 #Javascript
js实现圆盘记速表
Aug 03 #Javascript
包含中国城市的javascript对象实例
Aug 03 #Javascript
jQuery跨域问题解决方案
Aug 03 #Javascript
javascript实现超炫的向上滑行菜单实例
Aug 03 #Javascript
You might like
解析左右值无限分类的实现算法
2013/06/20 PHP
Laravel中为什么不使用blpop取队列详析
2018/08/01 PHP
laravel 输出最后执行sql 附:whereIn的使用方法
2019/10/10 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
关于javascript 回调函数中变量作用域的讨论
2009/09/11 Javascript
jQuery Ajax之$.get()方法和$.post()方法
2009/10/12 Javascript
IE浏览器IFrame对象内存不释放问题解决方法
2014/08/22 Javascript
深入理解JavaScript系列(50):Function模式(下篇)
2015/03/04 Javascript
JavaScript实现页面无操作倒计时退出
2016/10/22 Javascript
JavaScript递归算法生成树形菜单
2017/08/15 Javascript
vue2.x select2 指令封装详解
2017/10/12 Javascript
node基于async/await对mysql进行封装
2019/06/20 Javascript
在vue中使用image-webpack-loader实例
2020/11/12 Javascript
[02:57]DOTA2亚洲邀请赛小组赛第四日 赛事回顾
2015/02/02 DOTA
详细介绍Python语言中的按位运算符
2013/11/26 Python
python实现多线程暴力破解登陆路由器功能代码分享
2015/01/04 Python
把项目从Python2.x移植到Python3.x的经验总结
2015/04/20 Python
python检查字符串是否是正确ISBN的方法
2015/07/11 Python
numpy中矩阵合并的实例
2018/06/15 Python
5分钟 Pipenv 上手指南
2018/12/20 Python
Python3常用内置方法代码实例
2019/11/18 Python
python3的UnicodeDecodeError解决方法
2019/12/20 Python
keras输出预测值和真实值方式
2020/06/27 Python
python 如何使用find和find_all爬虫、找文本的实现
2020/10/16 Python
使用spring mvc+localResizeIMG实现HTML5端图片压缩上传的功能
2016/12/16 HTML / CSS
全球知名的婚恋交友网站:Match.com
2017/01/05 全球购物
英国领先的男装设计师服装独立零售商:Repertoire Fashion
2020/10/19 全球购物
资深生产主管自我评价
2013/09/22 职场文书
运动会通讯稿200字
2014/02/16 职场文书
小学生期末评语
2014/04/21 职场文书
学校周年庆活动方案
2014/08/22 职场文书
幼儿园亲子活动通知
2015/04/24 职场文书
2019年年中工作总结讲话稿模板
2019/03/25 职场文书
Vue和Flask通信的实现
2021/05/19 Vue.js
【海涛教你打DOTA】黑鸟第一视角解说
2022/04/01 DOTA
python运行脚本文件的三种方法实例
2022/06/25 Python