精华内容
下载资源
问答
  • JS 实现复制粘贴功能

    万次阅读 2017-05-24 16:11:27
    JS 实现复制粘贴功能目前没有做过多的测试,只是测试了几个手机,介绍:支持情况(1)移动端: chrome(版本 58.0.3029.96 (64-bit))、 猎豹(V6.0.114.14559)、 QQ浏览器(Chromium53.022785.104 \ IE11.0.9600....

    JS 实现复制粘贴功能

    目前没有做过多的测试,只是测试了几个手机,介绍:

    支持情况

    (1)移动端:

    1. chrome(版本 58.0.3029.96 (64-bit))、
    2. 猎豹(V6.0.114.14559)、
    3. QQ浏览器(Chromium53.022785.104 \ IE11.0.9600.18665)、
    4. 火狐(版本 53.02)

    (2)App端

    1. 苹果6(版本:10.3.1)、
    2. 华为 (版本:6.0.1) 、
    3. 锤子 YQ601(版本:5.1.1)、
    4. 红米 Redmi Note 2(版本:5.0.2)
    5. android 4.2三星(WebView、QQ浏览器可以实现)

    不支持

    1. android 4.2三星 UC浏览器

    2. LenovoA5800-D (版本:4.4.4,内核版本:3.10.48)


    使用方式

    接下来,介绍他的使用方式,前提条件,下载clipboard.min.js插件,下载地址:在这里

    两种使用方式:

    方式1:

    
    <body>
        <p>通过text参数来进行复制操作</p>
        <button class="btn">复制</button>
    
    </body>
    <script src="js/version/clipboard.min.js"></script>
    <script>
        var clipboard = new Clipboard('.btn', {
            text: function() {
                return '这里是text参数返回的内容 - Hello yubai8';
            }
        });
    
        clipboard.on('success', function(e) {
            alert("文字已复制到剪贴板中");
            console.log(e);
        });
    
        clipboard.on('error', function(e) {
            alert("异常错误: " + JSON.stringify(e.message));
            console.log(e);
        });
    </script>
    

    方式2:

    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        </head>
    
        <body>
            <div>欢迎光临 yubai9</div>
            <button class="btn" data-clipboard-action="copy" data-clipboard-target="div">Copy</button>
    
            <script src="js/version/clipboard.min.js"></script>
    
            <script>
                var clipboard = new Clipboard('.btn');
    
    
                clipboard.on('success', function(e) {
                    alert("文字已复制到剪贴板中");
                    console.log(e);
                });
    
                clipboard.on('error', function(e) {
                    alert("异常错误: " + JSON.stringify(e));
                    console.log(e);
                });
            </script>
        </body>
    
    </html>
    
    

    >
    >


    PS:其实, clipboard.min.js只是做了下封装兼容,主要==核心代码==还是这个,

    document.ExecCommand("copy")

    ==浏览器支持返回 true,不支持或者没启用返回 false==


    !!!==下面为我简单封装功能:==!!!

    看情况来定是否采用,体积小,我认为我的功能够用就可以了!

    下面是关键JS,压缩完2K,如果不需要做amd/cmd 去掉没用的JS只有1K,是不是完美

    我的index.js

    (function(f) {
        if(typeof exports === "object" && typeof module !== "undefined") {
            module.exports = f()
        } else if(typeof define === "function" && define.amd) {
            define([], f)
        } else {
            var g;
            if(typeof window !== "undefined") {
                g = window
            } else if(typeof global !== "undefined") {
                g = global
            } else if(typeof self !== "undefined") {
                g = self
            } else {
                g = this
            }
            g.Clipboard = f()
        }
    })(function() {
        var copy = {};
        copy.coptText = function(copybtn, cb) {
            copybtn = event || document.querySelector(copybtn)
            copybtn.addEventListener('click', function() {
                var copyTextarea = document.querySelector(copybtn.getAttribute("data-copy")); //要拷贝的文本
                (copyTextarea.nodeName === 'INPUT' || copyTextarea.nodeName === 'TEXTAREA') ? copyTextarea.select(): copy.selectText(copyTextarea);
    
                copyTextarea.focus()
    
                try {
                    var successful = document.execCommand('copy');
                    cb(successful);
                } catch(err) {
                    console.log('哎呀,无法复制');
                    cb(false);
                }
            });
        }
    
        copy.selectText = function(copyTextarea) {  
            if(copyTextarea.hasAttribute('contenteditable')) {
                copyTextarea.focus();
            }
            if(document.selection) {    
                var range = document.body.createTextRange();    
                range.moveToElementText(copyTextarea);    
                range.select();  
            } else if(window.getSelection) {    
                var selection = window.getSelection();
                var range = document.createRange();
    
                range.selectNodeContents(copyTextarea);
                selection.removeAllRanges();
                selection.addRange(range);
    
                selectedText = selection.toString();
            }
        }
        this.copy = copy;
    })

    使用介绍:

    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        </head>
    
        <body>
            <p align="center">复制操作</p>
            <p>
                <div class="js-copyText">你好,我是文本125</div>
            </p>
    
            <p>
                <button class="js-textareacopybtn" data-copy=".js-copyText">文本复制</button>
                <!--
    
                    data-copy表示你要拷贝的class或者是ID
                    例如:
                    data-copy=".js-copyText" 或者 
                    data-copy="#js-copyText"
    
                -->
            </p>
            <p>
                <textarea rows="5"></textarea>
            </p>
            <script src="js/index.js"></script>
            <script type="text/javascript">
                /**
                 * 复制粘贴功能
                 * 2017-05-25
                 * 参数一:表示复制功能按钮btn 可为id,可为class
                 * 参数二:表示回调
                 * yb
                 */
                copy.coptText(".js-textareacopybtn", function(flag) {
    
                    /**
                     * flag 为true的时候,表示赋值成功,false表示赋值失败,自行处理
                     */
                    return flag ? alert("文字已复制到剪贴板中") : alert("请长按选中复制")
                });
    
            </script>
        </body>
    
    </html>

    注:

    对了,如果想实现低版本浏览器的复制,类似于这种情况:

    Mobile浏览器复制示例图

    可以清晰的看到,这个功能是我点击按钮(文本复制)之后,出现的复制提示框,并不是我手动直接选中的,

    input 输入框可以达到这个效果,但是有个问题是,你使用了input之后如果你打算 disabled="disabled" 或者 readonly="readonly"这样的话,那么就达不到你想要的效果了!


    最后,document.ExecCommand的使用介绍:(最后有官网链接)

    document.execCommand("2D-Position","false","true");
    下面列出的是指令参数及意义
    
    2D-Position 允许通过拖曳移动绝对定位的对象。
    AbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。
    BackColor 设置或获取当前选中区的背景颜色。
    BlockDirLTR 目前尚未支持。
    BlockDirRTL 目前尚未支持。
    Bold 切换当前选中区的粗体显示与否。
    BrowseMode 目前尚未支持。
    Copy 将当前选中区复制到剪贴板。
    CreateBookmark 创建一个书签锚或获取当前选中区或插入点的书签锚的名称。
    CreateLink 在当前选中区上插入超级链接,或显示一个对话框允许用户指定要为当前选中区插入的超级链接的 URL。
    Cut 将当前选中区复制到剪贴板并删除之。
    Delete 删除当前选中区。
    DirLTR 目前尚未支持。
    DirRTL 目前尚未支持。
    EditMode 目前尚未支持。
    FontName 设置或获取当前选中区的字体。
    FontSize 设置或获取当前选中区的字体大小。
    ForeColor 设置或获取当前选中区的前景(文本)颜色。
    FormatBlock 设置当前块格式化标签。
    Indent 增加选中文本的缩进。
    InlineDirLTR 目前尚未支持。
    InlineDirRTL 目前尚未支持。
    InsertButton 用按钮控件覆盖当前选中区。
    InsertFieldset 用方框覆盖当前选中区。
    InsertHorizontalRule 用水平线覆盖当前选中区。
    InsertIFrame 用内嵌框架覆盖当前选中区。
    InsertImage 用图像覆盖当前选中区。
    InsertInputButton 用按钮控件覆盖当前选中区。
    InsertInputCheckbox 用复选框控件覆盖当前选中区。
    InsertInputFileUpload 用文件上载控件覆盖当前选中区。
    InsertInputHidden 插入隐藏控件覆盖当前选中区。
    InsertInputImage 用图像控件覆盖当前选中区。
    InsertInputPassword 用密码控件覆盖当前选中区。
    InsertInputRadio 用单选钮控件覆盖当前选中区。
    InsertInputReset 用重置控件覆盖当前选中区。
    InsertInputSubmit 用提交控件覆盖当前选中区。
    InsertInputText 用文本控件覆盖当前选中区。
    InsertMarquee 用空字幕覆盖当前选中区。
    InsertOrderedList 切换当前选中区是编号列表还是常规格式化块。
    InsertParagraph 用换行覆盖当前选中区。
    InsertSelectDropdown 用下拉框控件覆盖当前选中区。
    InsertSelectListbox 用列表框控件覆盖当前选中区。
    InsertTextArea 用多行文本输入控件覆盖当前选中区。
    InsertUnorderedList 切换当前选中区是项目符号列表还是常规格式化块。
    Italic 切换当前选中区斜体显示与否。
    JustifyCenter 将当前选中区在所在格式化块置中。
    JustifyFull 目前尚未支持。
    JustifyLeft 将当前选中区所在格式化块左对齐。
    JustifyNone 目前尚未支持。
    JustifyRight 将当前选中区所在格式化块右对齐。
    LiveResize 迫使 MSHTML 编辑器在缩放或移动过程中持续更新元素外观,而不是只在移动或缩放完成后更新。
    MultipleSelection 允许当用户按住 Shift 或 Ctrl 键时一次选中多于一个站点可选元素。
    Open 目前尚未支持。
    Outdent 减少选中区所在格式化块的缩进。
    OverWrite 切换文本状态的插入和覆盖。
    Paste 用剪贴板内容覆盖当前选中区。
    PlayImage 目前尚未支持。
    Print 打开打印对话框以便用户可以打印当前页。
    Redo 目前尚未支持。
    Refresh 刷新当前文档。
    RemoveFormat 从当前选中区中删除格式化标签。
    RemoveParaFormat 目前尚未支持。
    SaveAs 将当前 Web 页面保存为文件。
    SelectAll 选中整个文档。
    SizeToControl 目前尚未支持。
    SizeToControlHeight 目前尚未支持。
    SizeToControlWidth 目前尚未支持。
    Stop 目前尚未支持。
    StopImage 目前尚未支持。
    StrikeThrough 目前尚未支持。
    Subscript 目前尚未支持。
    Superscript 目前尚未支持。
    UnBookmark 从当前选中区中删除全部书签。
    Underline 切换当前选中区的下划线显示与否。
    Undo 目前尚未支持。
    Unlink 从当前选中区中删除全部超级链接。
    Unselect 清除当前选中区的选中状态。

    详见官方文档:官方

    展开全文
  • 1、富文本框编辑器实现:a、支持图片复制粘贴;b、支持word复制粘贴图文。 2、能实现“只知道文件路径如"c://dir/xx.png",能用js上传文件到服务器去的“ 也可以说一下怎样实现。 3、不限浏览器,但不要安装插件,...
  • IDEA项目中去掉复制代码的下划线

    千次阅读 2019-04-11 10:16:15
    例如这种的下划线,好多强迫症的人,看见很不爽,哈哈哈 首先打开 File ==》 Setting ==》 Editor ==》 Inspections,其次在搜索框里搜索General。...你会发现,之前复制过来的代码的下划线消失不见了,nice。 ...

    例如这种的下划线,好多强迫症的人,看见很不爽,哈哈哈
    首先打开 File ==》 Settings ==》 Editor ==》 Inspections,其次在搜索框里搜索General。找到General下的Duplicated Code,取消其后面的对勾,最后应用。详细位置见下图
    在这里插入图片描述
    你会发现,之前复制过来的代码的下划线消失不见了,nice。

    展开全文
  • 在WoR中的复制粘贴剪切的快捷键是什 Ctrl+C 么 复制所选文本或对象 Ctrl+X 剪切所选文本或对象 Ctrl+V 粘贴文本或对象 其他常用快捷键 快捷键 作用 Ctrl+Shift+Spacebar 创建不间断空格 Ctrl+ - 连字符 创建不间断连...
  • 描述:网站登录框密码处不知道复制粘贴解决办法 步骤: 将密码复制到账号末尾 使用鼠标框选住密码 按住鼠标左键将密码字符拉到密码框即可

    描述:网站登录框密码处不知道复制粘贴解决办法
    步骤:

    1. 将密码复制到账号末尾
    2. 使用鼠标框选住密码
    3. 按住鼠标左键将密码字符拉到密码框即可
    展开全文
  • 首先打开 File — Settings — Editor — Inspections 搜索框输入General 设置完点右下角Apply — ok 即可

    首先打开 File — Settings — Editor — Inspections
    搜索框输入General
    在这里插入图片描述
    设置完点右下角Apply — ok 即可

    展开全文
  • 1.先从网上复制代码,粘贴到新建的TXT文件中保存。 2.然后用 Notepad++ 打开该TXT文件。 3.此时你会看到在 Notepad++ 中,代码的缩进排列是很好的,也就是和在eclipse里一样分级对齐。然后将代码复制粘贴到eclipse...
  • 您可以使用此工具编写所有文档,然后将其复制粘贴到README.md文件中。 原始HTML和内联CSS也将呈现 <style> b {文本修饰:下划线; 颜色:海军蓝; 边框:2px虚线; 填充:50px 0; 显示:块; text-align:...
  • 前言:本文记录作者在vue项目中使用到wangEditor富文本编辑器复制粘贴功能所遇到的bug,故此把自己所遇到的坑及问题详细的记录下来。如果觉得作者写的不错,希望得到您的点赞/收藏/支持,如果不同意见,欢迎下方...
  • 明明将gson-2.3.1.jar 包复制粘贴在所在工程libs目录下但为什么在 Gson gson = new Gson();时两个Gson出现下划线且提示里没有import选项,一直报错! 如图 注意红框的部分,Gson gson = new Gson();时两个Gson...
  • cell下划线靠左显示

    2015-11-05 13:15:14
    cell下划线靠左显示,几行代码搞定,只需要复制粘贴
  • unnull:'\\S', unZero:'^[1-9][0-9]{0,4}', unNullForEnd:'\\S$',//非空结尾 chineseFixed:'^[A-Za-z\u2E80-\uFE4F]+$', intege:"^-?[1-9]\\d*$", //整数 intege1:"^[1-9]\\d*$", /
  • 大家好,今日内容仍是和大家分享VBA编程中常用的简单“积木”过程代码,第NO.118-NO.120则,内容是:在复制单元格区域时,如何仅复制单元格区域的数值、使用直接赋值的方法选择性粘贴数值、在单元格区操作时,如何对...
  • 以华为MateBook X,Win10为例,Ctrl+C复制、Ctrl+V粘贴、Ctrl+O打开操作、Ctrl+S保存、Ctrl+W关闭;Ctrl+X剪切、Ctrl+A全选、Ctrl+U添加下划线、Ctrl+[减小字号、Ctrl+R右对齐、Ctrl+L左对齐、Ctrl+Z撤销操作、Ctrl+...
  • [倚天屠龙记] vim 复制粘贴

    千次阅读 2015-05-29 13:55:47
    对于任何一款文本编辑器而言,复制粘贴都是最基本的功能,vim在此方面自然不甘示弱。事实上,得益于其丰富的移动命令,vim的复制粘贴是相当快捷而高效的。 vim的复制命令是y和Y,它是yank的简写,粘贴命令是p和P...
  • css去掉下划线

    万次阅读 2008-12-02 14:11:00
    当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划线,显示为绿色。 实现方法很简单,在源代码的和之间加上如下的CSS语法控制: a:link { text-decoration: none;color: blue}
  • 转载出处方法一:用EditText代替TextView通过设置EditText的属性android:background来隐藏EditText自带的输入下划线,但一弊端是:EditText不只可以复制还可以剪切、黏贴,这样的操作会对原内容产生修改,不太妥当...
  • 12. 复制粘贴

    2007-06-06 23:22:00
    学了一点ANSI控制符了,可以做出彩色的qmd了,但想要做出一些pp的qmd依旧... 复制一般的内容自然不必多说,快捷键一般是Ctrl+Insert和Shift+Insert 下面讨论一下fterm,sterm和cterm如何带颜色复制屏幕的内容 ·fterm:
  • 隐藏编辑标记后,长这样,和第一张效果图一样 第一种方法介绍完了,主要就是利用tab键来搞定, 第二种方法我不细说,没图演示了,我们用word画一根横线,每一行都复制这根横线,不就保证下划线长度一样了吗,哈哈哈...
  • 效果图 代码 下划线 <div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-...直接复制粘贴看效果(在body里面) <div id="slider" class="mui-slider"> <div id="sliderSegment...
  • 选中整个表格,格式 → 边框和底纹 → 边框,设置选择“无”,应用于选择“段落”,每个单元格里面的横线就掉了。
  • word封面下划线死活不齐平?像这样 这里记录一下各种解决方案,包括正经的与不正经的。 表格法 优点:可借助表格相关属性快速实现部分需求,如内容居中 缺点:表格替代下划线只是营造视觉假象,本质上二者属性...
  • 例如:不能选中、复制粘贴、无右键菜单等功能,当然设置密码不...一般的密码框:(默认 可以选中,复制粘贴右键菜单) QLineEdit *pCommonLineEdit = new QLineEdit(this); pCommonLineEdit->setPlaceholderTe
  • 正式公文的最后都一栏叫“版记”的内容。根据不同的领域,公文的“版记”部分也大不相同,但一点是一致的,就是版记下要一条横贯页面的直线. 这里的关键问题是每行文字下面的横线如何来画。方法是很多的,...
  • 来隐藏EditText自带的输入下划线,但一弊端是:EditText不只可以复制还可以剪切、黏贴,这样的操作会对原内容产生修改,不太妥当。 方法二:用TextView的setTextIsSelectable(boolean selectable) ...
  • 用法:复制粘贴整个文件进入您的主 matlab 窗口中的新快捷方式。 命名任何东西的快捷方式。 当您单击快捷方式时,命令窗口将提供您的单元格标题列表前导超链接(默认下划线)。 通过匹配前两个来找到单元格标记...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 16,036
精华内容 6,414
关键字:

复制粘贴有下划线