封装一个输入框通用的光标操作接口

最新推荐文章于 2023-09-20 12:02:47 发布

yihuoZhou

最新推荐文章于 2023-09-20 12:02:47 发布

阅读量520

点赞数

分类专栏： dom编程文章标签：光标选中高亮

本文链接：https://blog.csdn.net/qq_21794603/article/details/72820180

版权

dom编程专栏收录该内容

10 篇文章 0 订阅

订阅专栏

封装一个输入框通用的光标操作接口，使得在传入输入框和光标的起始、结束位置后，可以将输入框中从起始位置到结束位置的内容选中(选中位置高亮)，如

function selection(input,start,end){
    // input为输入框，如input、textarea
    // start为光标起始位置，如 0
    // end为光标结束为止，如 10
    // TODO
}

<!DOCTYPE html>
<html>
<head>
    <title>封装一个输入框通用的光标操作接口</title>
</head>
<body>
    <div class="parent">
        <input type="text" name="" id="input1">
        <textarea rows=10 cols=20 name="" id="input2">2134r324354rewwer32</textarea>
    </div>
    <script type="text/javascript">
        function $(id){
            return document.getElementById(id);
        }
        function selection(input,start,end){
            // input为输入框，如input、textarea
            // start为光标起始位置，如 0
            // end为光标结束为止，如 10
            // TODO
            input.focus(); 
            input.selectionStart=start||0;
            input.selectionEnd=end||input.value.length;
        }
        selection($('input2'),0,12);
    </script>
</body>
</html>

yihuoZhou

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
封装一个输入框通用的光标操作接口

封装一个输入框通用的光标操作接口，使得在传入输入框和光标的起始、结束位置后，可以将输入框中从起始位置到结束位置的内容选中(选中位置高亮)，如function selection(input,start,end){ // input为输入框，如input、textarea // start为光标起始位置，如 0 // end为光标结束为止，如 10 // TODO}<
复制链接

扫一扫