首页 > 编程笔记 > JavaScript笔记
阅读:10
JS select事件:选择文本
在 JavaScript 中,当在文本框或文本区域内选择文本时,将触发 select 事件。通过该事件可以设计用户选择操作的交互行为。
在 IE 9+、Opera、Firefox、Chrome 和 Safari 中,只有用户选择了文本且释放鼠标,才会触发 select 事件;但是在 IE8 及更早版本中,只要用户选择了一个字母,不必释放鼠标,就会触发 select 事件。另外,在调用 select() 方法时也会触发 select 事件。
【示例】在下面的示例中,当选择第 1 个文本框中的文本时,则在第 2 个文本框中会动态显示用户所选择的文本。
在 IE 9+、Opera、Firefox、Chrome 和 Safari 中,只有用户选择了文本且释放鼠标,才会触发 select 事件;但是在 IE8 及更早版本中,只要用户选择了一个字母,不必释放鼠标,就会触发 select 事件。另外,在调用 select() 方法时也会触发 select 事件。
【示例】在下面的示例中,当选择第 1 个文本框中的文本时,则在第 2 个文本框中会动态显示用户所选择的文本。
<input type="text" id="a" value="请随意选择字符串" /> <input type="text" id="b" /> <script> var a = document.getElementsByTagName("input")[0]; // 获取第一个文本框的引用指针 var b = document.getElementsByTagName("input")[1]; // 获取第二个文本框的引用指针 a.onselect = function(){ // 为第一个文本框绑定select事件处理函数 if (document.selection){ // 兼容IE o = document.selection.createRange(); // 创建一个选择区域 if(o.text.length > 0) // 如果选择区域内存在文本 b.value = o.text; // 则把该区域内的文本赋值给第二个文本框 }else{ // 兼容DOM p1 = a.selectionStart; // 获取文本框中选择的初始位置 p2 = a.selectionEnd; // 获取文本框中选择的结束位置 b.value = a.value.substring(p1, p2); // 截取文本框中被选取的文本字符串,然后赋值给第二个文本框 } } </script>
所有教程
- socket
- Python基础教程
- C#教程
- MySQL函数
- MySQL
- C语言入门
- C语言专题
- C语言编译器
- C语言编程实例
- GCC编译器
- 数据结构
- C语言项目案例
- C++教程
- OpenCV
- Qt教程
- Unity 3D教程
- UE4
- STL
- Redis
- Android教程
- JavaScript
- PHP
- Mybatis
- Spring Cloud
- Maven
- vi命令
- Spring Boot
- Spring MVC
- Hibernate
- Linux
- Linux命令
- Shell脚本
- Java教程
- 设计模式
- Spring
- Servlet
- Struts2
- Java Swing
- JSP教程
- CSS教程
- TensorFlow
- 区块链
- Go语言教程
- Docker
- 编程笔记
- 资源下载
- 关于我们
- 汇编语言
- 大数据
- 云计算
- VIP视频