码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-09-25 17:37:41      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:char   bsp   window   end   body   else   cti   code   部分   

表单的文本范围选择

 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();

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

标签:char   bsp   window   end   body   else   cti   code   部分   

原文地址:http://www.cnblogs.com/zz334396884/p/7592601.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!