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 相关文章推荐
ExtJs 表单提交登陆实现代码
Aug 19 Javascript
JavaScript 程序编码规范
Nov 23 Javascript
基于jQuery实现模拟页面加载进度条
Apr 01 Javascript
javascript计算用户打开网页的停留时间
Jan 09 Javascript
js实现最短的XML格式化工具实例
Mar 12 Javascript
简介JavaScript中Boolean.toSource()方法的使用
Jun 05 Javascript
vue.js表格分页示例
Oct 18 Javascript
在vscode里使用.vue代码模板的方法
Apr 28 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
Jul 03 Javascript
jQuery zTree插件快速实现目录树
Aug 16 jQuery
vue+element实现动态加载表单
Dec 13 Vue.js
基于JavaScript实现年月日三级联动
Jun 22 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
详解WordPress开发中的get_post与get_posts函数使用
2016/01/04 PHP
Thinkphp框架开发移动端接口(1)
2016/08/18 PHP
php使用curl模拟浏览器表单上传文件或者图片的方法
2018/11/10 PHP
jquery.ui.progressbar 中文文档
2009/11/26 Javascript
js控制frameSet示例
2013/09/10 Javascript
纯js简单日历实现代码
2013/10/05 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
2014/02/12 Javascript
Jquery 全选反选实例代码
2015/11/19 Javascript
浏览器兼容性问题大汇总
2015/12/17 Javascript
js获取Html元素的实际宽度高度的方法
2016/05/19 Javascript
jQuery的ajax下载blob文件
2016/07/21 Javascript
详解AngularJS ui-sref的简单使用
2017/04/24 Javascript
vue按需加载组件webpack require.ensure的方法
2017/12/13 Javascript
Vue 与 Vuex 的第一次接触遇到的坑
2018/08/16 Javascript
vue项目上传Github预览的实现示例
2018/11/06 Javascript
JS控制只能输入数字并且最多允许小数点两位
2019/11/24 Javascript
vue addRoutes路由动态加载操作
2020/08/04 Javascript
[02:01]大师之路——DOTA2完美大师赛11月论剑上海
2017/11/06 DOTA
[05:59]2018DOTA2国际邀请赛寻真——只为胜利的Secret
2018/08/13 DOTA
基于Python实现的ID3决策树功能示例
2018/01/02 Python
Centos7 Python3下安装scrapy的详细步骤
2018/03/15 Python
Tensorflow加载预训练模型和保存模型的实例
2018/07/27 Python
Django model序列化为json的方法示例
2018/10/16 Python
详解python-图像处理(映射变换)
2019/03/22 Python
Python面向对象之私有属性和私有方法应用案例分析
2019/12/31 Python
django中的数据库迁移的实现
2020/03/16 Python
Pycharm编辑器功能之代码折叠效果的实现代码
2020/10/15 Python
CSS3教程:新增加的结构伪类
2009/04/02 HTML / CSS
html5 桌面提醒:Notifycations应用介绍
2012/11/27 HTML / CSS
H5页面适配iPhoneX(就是那么简单)
2019/12/02 HTML / CSS
导购员的岗位职责
2014/02/08 职场文书
考试作弊万能检讨书
2014/10/19 职场文书
2015年班长个人工作总结
2015/04/03 职场文书
某学校的2019年度工作报告范本
2019/10/11 职场文书
SpringBoot整合RabbitMQ的5种模式实战
2021/08/02 Java/Android
Docker官方工具docker-registry案例演示
2022/04/13 Servers