您的位置：首页 > 其它

表单处理2—文本范围选择和兼容

2017-09-25 16:38 218 查看

表单的文本范围选择

1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4     <meta charset="UTF-8">
5     <script src="base.js"></script>
6     <title>表单处理</title>
7 </head>
8 <body>
9
10 <form id="myform" name="yourForm">
11     姓名：<input type="text" name="user" value="text"><br>
12     <textarea name="content">textarea</textarea>
13 </form>
14 </body>
15 </html>

1 <script>
2     addEvent(window,'load',function(){
3         var fm = document.getElementById('myform');
4         var user = fm.elements['user'];
5         var content = fm.elements['content'];
6
7         getSelectText(user,2,3);
8
9     });
10
11
12     //选择部分文本W3C IE兼容
13     function getSelectText(text,start,end){
14         if(text.setSelectionRange){
15             text.setSelectionRange(start,end);
16             text.focus();
17         }else if(text.createTextRange){
18             var range = text.createTextRange();     //range对象，文本范围
19             range.collapse(true);      //将文本指针移到开头
20             range.moveStart('character',start); //逐字移动
21             range.moveEnd('character',end-start);
22             range.select();
23         }
24     }
25 </script>

//W3C选择部分文本
user.setSelectionRange(0,1)     //从0个位置到第1个位置的文本
user.focus();

//IE文本范围的概念
var range = user.createTextRange();     //range对象，文本范围
range.collapse(true);      //将文本指针移到开头
range.moveStart('character',start); //逐字移动
range.moveEnd('character',end-start);   // 从第0个位子选择几个字符
range.select();

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航