返回列表 发新帖

设置textarea文本选中

  [复制链接]

4

主题

7

帖子

70

积分

版主

Rank: 7Rank: 7Rank: 7

积分
70
发表于 2016-5-19 10:49:05 | 显示全部楼层 | 阅读模式
本帖最后由 iris 于 2016-5-24 14:14 编辑

原文:http://www.jsann.com/post/textarea_text_select.html


    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <title>textarea text select</title>
    6. </head>
    7. <body>
    8.     <textarea id="textarea" style="width:500px; height:150px;"></textarea>
    9.     <br />
    10.     <input id="submit" value="submit" type="button" onclick="Textarea();" />
    11.     <script>
    12.     function Textarea(){
    13.         var textarea = document.getElementById("textarea");
    14.         if(textarea.value.length > 120){
    15.             if(confirm("很抱歉,您所输入的文字已经超过120个字符,如果您点击“确定”按钮,系统将自行对内容进行裁剪并且发送,如果点击“取消”按钮,系统将不做任何操作,您可直接剪切选中部分然后分段发送或者是进行其他操作。")){
    16.                 var temp = textarea.value.substr(0,119);
    17.                 textarea.value = temp;
    18.             }else{
    19.                 var len = textarea.value.length - 120;
    20.                 if(textarea.setSelectionRange){
    21.                     textarea.setSelectionRange(parseInt(120), (parseInt(120)+parseInt(len)));
    22.                 }else{
    23.                     var range = textarea.createTextRange();
    24.                     range.collapse(true);
    25.                     range.moveStart('character',parseInt(120) );
    26.                     range.moveEnd('character',parseInt(len));
    27.                     range.select();
    28.                 }
    29.                 textarea.focus();
    30.             }
    31.             return;
    32.         }
    33.         //   Other Code …
    34.     }
    35.     </script>
    36. </body>
    37. </html>
    复制代码



回复

使用道具 举报

138

主题

171

帖子

2618

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2618
发表于 2016-5-19 12:29:27 | 显示全部楼层
可以使用编辑器的code模块,那样好看点,
回复 支持 反对

使用道具 举报

4

主题

7

帖子

70

积分

版主

Rank: 7Rank: 7Rank: 7

积分
70
发表于 2016-5-24 14:15:15 | 显示全部楼层
mniya 发表于 2016-5-19 12:29
可以使用编辑器的code模块,那样好看点,

多谢,改啦~~
回复 支持 反对

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表