input和textarea设置文本选中和获取选中文本

原创 2010年08月19日 10:04:00

//设置文本选中高亮

function setTextSelected(inputDom, startIndex, endIndex)
{
    if (inputDom.setSelectionRange)
    { 
        inputDom.setSelectionRange(startIndex, endIndex); 
    }  
    else if (inputDom.createTextRange) //IE
    {
        var range = inputDom.createTextRange(); 
        range.collapse(true); 
        range.moveStart('character', startIndex); 
        range.moveEnd('character', endIndex - startIndex-1); 
        range.select();
    } 
    inputDom.focus(); 
}

 

//获取选中文本
function getSelectedText(inputDom){ 
    if (document.selection) //IE
    {
        return document.selection.createRange().text;
    } 
    else { 
        return inputDom.value.substring(inputDom.selectionStart, 
                inputDom.selectionEnd); 
    } 
}

说明:

inputDom 为input 或者 textarea Dom 元素。

正常方式获取:

var inputDom = document.getElementById("input1");

jquery 方式获取:

var inputDom = $("#input1")[0];

CSS去除input和textarea点击选中框

取消input和textarea的聚焦边框: input{outline:none} 取消textarea可拖动放大: textarea{resize:none}...
  • zhanghuaiyu_35
  • zhanghuaiyu_35
  • 2013年11月24日 16:19
  • 8640

【js】点击网页的文字变成input内的文字并且选中文字方便复制

在一些table中,需要复制里面的内容,如关键的单号之类的,用以下的方法可以快速选中 function getDocNoString() { //是否生效 var isEffect =...
  • ColdFireMan
  • ColdFireMan
  • 2017年06月15日 15:05
  • 615

jquery实现点击input选中文字代码

在输入用户名时我们有个提示当用户点击input时就全选input中的文字我们可以直接删除了,下面我们来看地两个实例。 jquery 使用select(); 点击text的input...
  • supermanjames
  • supermanjames
  • 2017年06月27日 23:21
  • 1345

Javascript如何获取选中项的文本值TEXT不是VALUE

页面中用的DropDownList控件时,需要用javascript客户端脚本进行验证时,var ddl = document.getElementById("控件名");取得选中的列的文本值ddl....
  • mengyan4632
  • mengyan4632
  • 2011年05月11日 16:18
  • 22563

CSS去除input和textarea点击选中框

取消input和textarea的聚焦边框: input{outline:none} 取消textarea可拖动放大: textarea{resize:none}...
  • zhanghuaiyu_35
  • zhanghuaiyu_35
  • 2013年11月24日 16:19
  • 8640

js实现textarea选中文字并加粗

转载自:http://www.zjmainstay.cn/js-textarea-select-modify js实现textarea选中文字并加粗 ...
  • qq_30271947
  • qq_30271947
  • 2016年03月09日 12:43
  • 3106

input输入框和textarea文本框的value改变事件

如果写过检测input或者textarea输入框文本检测的人一定知道onchange或者jq的change方法检测文本变化是检测不到的,因为该事件是在文本框获得焦点,并且改变其中的内容之后再失去焦点才...
  • qq_22855325
  • qq_22855325
  • 2017年06月03日 11:46
  • 2905

右键禁用、防止文字选中 、返回选中的文本

event事件参考:  http://www.mangguo.org/8-jquery-tip-and-trick/ http://bbs.blueidea.com/forum.php?mod=vie...
  • hdchangchang
  • hdchangchang
  • 2013年01月05日 12:08
  • 1936

判断文本框是否已经获取焦点 和 判断复选框是否选定

无标题文档 * { margin: 0; padding: 0; } div { margin-top: 80px; margin-left: 100px; position: relat...
  • ios0213
  • ios0213
  • 2016年06月28日 11:01
  • 2128

jquery获取选中的文本和值

jquery获取选中的文本和值 1、说明 (1)获取select下拉框选中的索引       $("#selection").get(0).selectedIndex; (2)获取select...
  • you23hai45
  • you23hai45
  • 2014年07月05日 23:47
  • 1573
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:input和textarea设置文本选中和获取选中文本
举报原因:
原因补充:

(最多只允许输入30个字)