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 相关文章推荐
js window.onload 加载多个函数的方法
Nov 02 Javascript
js/jQuery对象互转(快速操作dom元素)
Feb 04 Javascript
js清空form表单中的内容示例
May 20 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
Jun 24 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
Oct 09 Javascript
JavaScript操作class和style样式代码详解
Feb 13 Javascript
jquery-mobile基础属性与用法详解
Nov 23 Javascript
如何开发出更好的JavaScript模块
Dec 22 Javascript
CSS3 动画卡顿性能优化的完美解决方案
Sep 20 Javascript
node+express框架中连接使用mysql(经验总结)
Nov 10 Javascript
React 使用recharts实现散点地图的示例代码
Dec 07 Javascript
JavaScript事件委托实现原理及优点进行
Aug 29 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
深入密码加salt原理的分析
2013/06/06 PHP
PHP中鲜为人知的10个函数
2014/02/28 PHP
PHP Ajax实现无刷新附件上传
2016/08/17 PHP
javascript 控制弹出窗口
2007/04/10 Javascript
JavaScript中Math对象使用说明
2008/01/16 Javascript
IE和Firefox下javascript的兼容写法小结
2008/12/10 Javascript
在IE6下发生Internet Explorer cannot open the Internet site错误
2010/06/21 Javascript
Fastest way to build an HTML string(拼装html字符串的最快方法)
2011/08/20 Javascript
javascript模块化是什么及其优缺点介绍
2013/09/02 Javascript
JS中使用sort结合localeCompare实现中文排序实例
2014/07/23 Javascript
javascript表单验证大全
2015/08/12 Javascript
jQuery左右滚动支持图片放大缩略图图片轮播代码分享
2015/08/26 Javascript
Angular外部使用js调用Angular控制器中的函数方法或变量用法示例
2016/08/05 Javascript
js使用Replace结合正则替换重复出现的字符串功能示例
2016/12/27 Javascript
JavaScript闭包_动力节点Java学院整理
2017/06/27 Javascript
详解如何将 Vue-cli 改造成支持多页面的 history 模式
2017/11/20 Javascript
微信小程序实现文字跑马灯效果
2020/05/26 Javascript
vue iView 上传组件之手动上传功能
2018/03/16 Javascript
快速解决处理后台返回json数据格式的问题
2018/08/07 Javascript
Vue中控制v-for循环次数的实现方法
2018/09/26 Javascript
vue实现的组件兄弟间通信功能示例
2018/12/04 Javascript
详解VUE单页应用骨架屏方案
2019/01/17 Javascript
JS+CSS实现3D切割轮播图
2020/03/21 Javascript
Python编程django实现同一个ip十分钟内只能注册一次
2017/11/03 Python
对Python中的@classmethod用法详解
2018/04/21 Python
解决Shell执行python文件,传参空格引起的问题
2018/10/30 Python
Python利用sqlacodegen自动生成ORM实体类示例
2019/06/04 Python
python对绑定事件的鼠标、按键的判断实例
2019/07/17 Python
Python2 与Python3的版本区别实例分析
2020/03/30 Python
jupyter使用自动补全和切换默认浏览器的方法
2020/11/18 Python
SheIn沙特阿拉伯:女装在线
2020/03/23 全球购物
Deichmann英国:德国鞋类零售商
2021/01/30 全球购物
计算机专业职业规划
2014/02/28 职场文书
「我的青春恋爱物语果然有问题。-妄言录-」第20卷封面公开
2022/03/21 日漫
Java实战之课程信息管理系统的实现
2022/04/01 Java/Android
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers