js中文本框onselect事件的使用方法

最新推荐文章于 2024-07-13 03:06:58 发布

ralph.zone

最新推荐文章于 2024-07-13 03:06:58 发布

阅读量115

点赞数 1

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/foryoustudio/article/details/139363820

版权

<input type="text" id="aa" value="请随意选择字符串" />
<input type="text" id="bb" />
<script>
    var aa = document.getElementsByTagName("input")[0];
    // 获取第一个文本框的引用指针
    var bb = document.getElementsByTagName("input")[1];
    // 获取第二个文本框的引用指针
    aa.onselect = function() {  // 为第一个文本框绑定select事件处理函数
        if (document.selection) {  // 兼容IE
            oo = document.selection.createRange(); // 创建一个选择区域
            if(oo.text.length > 0)  // 如果选择区域内存在文本
            bb.value = oo.text;   // 则把该区域内的文本赋值给第二个文本框
        } else {  // 兼容DOM
            s1 = aa.selectionStart;  // 获取文本框中选择的初始位置
            s2 = aa.selectionEnd;  // 获取文本框中选择的结束位置
            bb.value = aa.value.substring(s1, s2);
            // 截取文本框中被选取的文本字符串，然后赋值给第二个文本框
        }
    }
</script>