JS实现选择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实现兼容各种浏览器的获取选择文本的方法【测试可用】
本文实例讲述了JS实现兼容各种浏览器的获取选择文本的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" con
-
用javascript实现文本框和"选择"按扭之间的间距
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
JavaScript 文本域字体大小选择功能
文本框字体选择 选择字体 for (i=9;i"+i+"pt字体\n");} function NYSfont() {if((fontslt.selectedIndex!=-1) && (fontslt.selectedIndex!=0)){readcontent.style.fontSize=fontslt.options[fontslt.selectedIndex].value;}} 这里的字体会跟着你的选择而变化 [Ctrl+A 全选 注:如需引入外部J
-
JS获取及设置TextArea或input文本框选择文本位置的方法
本文实例讲述了JS获取及设置TextArea或input文本框选择文本位置的方法.分享给大家供大家参考.具体实现方法如下: function getPos(el) { var range, textRange, duplicate el.focus() if ( el.selectionStart ) return el.selectionStart else if ( document.selection ) { // IE range = document.selection.createR
-
js点击文本框弹出可选择的checkbox复选框
本文分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解和扩展. 代码如下: <html> <head> <meta charset="gb2312"> <title>js点击文本框弹出可选择的checkbox复选框</title> <style type="text/
-
js实现点击文本框显示日期选择器特效代码分享
为大家分享的JavaScript图片轮播代码如下 <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js点击文本框显示日期选择器</title> <link type="text/css" rel="stylesheet" href="calen
-
js实现键盘上下左右键选择文字并显示在文本框的方法
本文实例讲述了js实现键盘上下左右键选择文字并显示在文本框的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&quo
-
JavaScript实现点击自动选择TextArea文本的方法
本文实例讲述了JavaScript实现点击自动选择TextArea文本的方法.分享给大家供大家参考.具体实现方法如下: <textarea rows="10" cols="50" onclick="this.focus();this.select()" readonly="readonly"> example text </textarea> 希望本文所述对大家的javascript程序设计有所帮助.
-
extjs表格文本启用选择复制功能具体实现
extjs提供了方便的表格组件grid供使用,但是默认情况下表格中的文本是不能被选中的,自然也是无法复制的. 而选择复制文本的需要也是很平常的,于是我们就需要自己动手来解决这个问题,实现extjs的grid文本选择复制功能. 说明一点,文中所列出的代码片断都是在当前ext 4.0.2a版本下的,其它版本未做测试,请自行斟酌. 首先自定义一下样式,来覆盖默认的css样式: 复制代码 代码如下: <style type="text/css"> .x-selectable, .x
-
js点击选择文本的方法
本文实例讲述了js点击选择文本的方法.分享给大家供大家参考.具体实现方法如下: function selectText() { if (document.selection) { var range = document.body.createTextRange(); range.moveToElementText(document.getElementById('copy')); range.select(); } else if (window.getSelection) { var ran
随机推荐
- ASP.net全局程序文件Global.asax用法分析
- 深入理解python中的atexit模块
- JS读取cookies信息(记录用户名)
- JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】
- 解决php-fpm.service not found问题的办法
- jQuery css() 方法动态修改CSS属性
- 用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
- img onload事件绑定各浏览器均可执行
- 配置IIS7显示详细错误信息
- 三种开启重启远程终端服务的方法第1/2页
- Android添加glide库报错Error: Failed to resolve: com.android.support:support-annotations:26.0.2的解决
- js时间戳转yyyy-MM-dd HH-mm-ss工具类详解
- c++初级并查集知识点总结
- Python中面向对象你应该知道的一下知识
- layui固定下拉框的显示条数(有滚动条)的方法
- Redis 中的布隆过滤器的实现
- Python自定义装饰器原理与用法实例分析
- C++11/14的新特性(更简洁)
- Spring Boot 静态资源处理
- Android 中WebView 截图的实现方式