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 相关文章推荐
javascript判断是否按回车键并解决浏览器之间的差异
May 13 Javascript
jquery获取文档高度和窗口高度汇总
Jan 25 Javascript
javascript弹出带文字信息的提示框效果
Jul 19 Javascript
BootStrap实现邮件列表的分页和模态框添加邮件的功能
Oct 13 Javascript
angular forEach方法遍历源码解读
Jan 25 Javascript
微信小程序教程系列之新建页面(4)
Apr 17 Javascript
js Dom实现换肤效果
Oct 21 Javascript
关于axios如何全局注册浅析
Jan 14 Javascript
在SSM框架下用laypage和ajax实现分页和数据交互的方法
Sep 27 Javascript
vue+vant实现商品列表批量倒计时功能
Jan 13 Javascript
VSCode插件安装完成后的配置(常用配置)
Aug 24 Javascript
vue中的循环对象属性和属性值用法
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
ThinkPHP调用百度翻译类实现在线翻译
2014/06/26 PHP
php+mysqli预处理技术实现添加、修改及删除多条数据的方法
2015/01/30 PHP
Laravel实现构造函数自动依赖注入的方法
2016/03/16 PHP
PHP实现基于状态的责任链审批模式详解
2019/05/31 PHP
php精度计算的问题解析
2019/06/21 PHP
ThinkPHP5.1+Ajax实现的无刷新分页功能示例
2020/02/10 PHP
改版了网上的一个js操作userdata
2007/04/27 Javascript
jQuery版仿Path菜单效果
2011/12/15 Javascript
jquery星级插件、支持页面中多次使用
2012/03/25 Javascript
Javascript无参数和有参数类继承问题解决方法
2015/03/02 Javascript
JS+CSS实现经典的左侧竖向滑动菜单效果
2015/09/23 Javascript
快速掌握Node.js环境的安装与运行方法
2016/02/16 Javascript
基于JavaScript实现回到页面顶部动画代码
2016/05/24 Javascript
JavaScript利用正则表达式替换字符串中的内容
2016/12/12 Javascript
详解vue.js之props传递参数
2017/12/12 Javascript
分析javascript原型及原型链
2018/03/18 Javascript
微信小程序错误this.setData报错及解决过程
2019/09/18 Javascript
Vue项目环境搭建详细总结
2019/09/26 Javascript
vuex存储token示例
2019/11/11 Javascript
详解JS深拷贝与浅拷贝
2020/08/04 Javascript
[48:21]Mski vs VGJ.S Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
[00:20]TI9不朽观赛名额抽取
2019/08/05 DOTA
跟老齐学Python之编写类之二方法
2014/10/11 Python
Windows8下安装Python的BeautifulSoup
2015/01/22 Python
Python DataFrame 设置输出不显示index(索引)值的方法
2018/06/07 Python
python 字典访问的三种方法小结
2019/12/05 Python
Python用requests库爬取返回为空的解决办法
2021/02/21 Python
numpy实现RNN原理实现
2021/03/02 Python
方太官方网上商城:销售方太抽油烟机、燃气灶、消毒柜等
2017/01/17 全球购物
德国香水、化妆品和护理产品网上商店:Parfumdreams
2018/09/26 全球购物
远程调用的原理
2014/07/05 面试题
营业员演讲稿
2013/12/30 职场文书
党的群众路线教育实践活动心得体会
2014/03/03 职场文书
企业节能减排实施方案
2014/03/19 职场文书
关于Nginx中虚拟主机的一些冷门知识小结
2022/03/03 Servers
winserver2019安装软件一直卡在应用程序正在为首次使用做准备
2022/06/10 Servers