首页 > 其他 > 详细

文本框选择部分文件

时间:2014-01-21 17:10:26      阅读:285      评论:0      收藏:0      [点我收藏+]

简单粗暴上代码

bubuko.com,布布扣
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
 *{margin:0; padding:0;}
</style>
</head>
 
<body>
  <form action="" method="get">
    <div>
     <input type="text" maxlength="16" value="我是张大民,今年36岁"/><br />
     <input type="text"/><br />
     <button id="btn">我是按钮</button>
    </div>
  </form>
  <div id="script">
   <script type="text/javascript">
   var oBtn=document.forms[0].elements[2];//最好通过这种方式选取表单元素
   var oTxt1=document.forms[0].elements[0];//而不是用DOM方式
   var oTxt2=document.forms[0].elements[1];
   oBtn.onclick=function(){
     oTxt2.value=getSelectText(oTxt1);
     return false;
   };
   function getSelectText(text){
    if(document.selection){
     return document.selection.createRange().text;
    }//IE8及以下版本使用selection对象控制选择的部分文件
    else{
     return text.value.substring(text.selectionStart,text.selectionEnd);
    }//其他浏览器使用HTML5中定义的selectionStart及selectionEnd计数器
   }
   </script>
  </div>
</body>
</html>
bubuko.com,布布扣

文本框选择部分文件

原文:http://www.cnblogs.com/JhoneLee/p/3527482.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!