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

最新推荐文章于 2025-06-17 10:15:51 发布

ColdFireMan

最新推荐文章于 2025-06-17 10:15:51 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： js

本文链接：https://blog.youkuaiyun.com/ColdFireMan/article/details/73289240

前端专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种在表格中快速复制关键单号等信息的方法，通过JavaScript实现选中并复制功能，提高工作效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在一些table中,需要复制里面的内容,如关键的单号之类的,用以下的方法可以快速选中

function getDocNoString() {
    //是否生效
    var isEffect = true;
    $(".docNoString").on("click", function(e) {
        //阻止冒泡,这个方法可以看我之前的博客
        cancelBubble(e);
        if (!isEffect)
            return;
        isEffect = false;
        var docNo = $.trim($(this).html());
        //没有内容就算了吧
        if (docNo == '') {
            isEffect = true;
            return;
        }
        //将这个元素中的文字清除然后加入input并给input赋值原来删除的文字
        $(this).empty().append("<input id='newInput' value='"+docNo+"'/>");
        var obj = document.getElementById('newInput');
        //这里是将文字选中的部分
        //这个方法是js方法,不要用jquery套着去使用
        obj.setSelectionRange(0, docNo.length);
        obj.focus();
        //失去焦点就删去这个input
        $(obj).blur(function() {
        $(this).parent().empty().html(docNo);
        isEffect = true;
    });
}