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

本文介绍了一种在网页上实现文本选中的方法并通过JavaScript函数实现。提供了设置文本选中范围及获取已选中文本的功能,适用于input和textarea元素。

开发板推荐:天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

//设置文本选中高亮

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];

开发板推荐:天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值