js复制粘贴

心已赠人 2022-05-12 07:06 261阅读 0赞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>js粘贴</title>
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
        <style type="text/css">
            .inp{
                border: 1px solid #e5e5e5;
                height: 30px;
                line-height: 30px;
                margin: 30px;
            }
        </style>
    </head>
    
    <body>
         <input type="text" class="inp">
         <script src="js/jq.js"></script>
        <script language="javascript">
            $(function(){
               $('.inp').get(0).addEventListener("paste", function (e) {
                    if (!(e.clipboardData && e.clipboardData.items)) {
                        return;
                    }
                    for (var i = 0, len = e.clipboardData.items.length; i < len; i++) {
                        var item = e.clipboardData.items[i];//这个是一个对象
    
                        if (item.kind === "string") {
                            item.getAsString(function (str) {
                                console.log(str);//粘贴字符串的内容
                            })
                        } else if (item.kind === "file") {
                            var f= item.getAsFile();
                            console.log(f);//文件
                        }
                    }
                });
            })
    
        </script>
    </body>
    
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，261人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS复制粘贴另存代码

<SCRIPT> function Preview(obj) { var TestWin=open(''); T

古城微笑少年丶/ 2024年02月17日 22:36/ 0 赞/ 47 阅读

相关【js】纯js实现复制粘贴

结果图展示： ![20190926104907767.gif][] 代码展示：（可直接拿着运行） <!DOCTYPE html> <html>

「爱情、让人受尽委屈。」/ 2023年08月17日 15:23/ 0 赞/ 133 阅读

相关 js复制html到粘贴板,JS点击按钮复制内容到粘贴板中

写在前面有时候，我们文章中有一段经典代码或者精彩内容，可能会被人复制引用，如果用鼠标选择，非常不友好，尤其是移动端。这时候我们可以给该内容添加点击事件，比如双击复制到粘贴板

叁歲伎倆/ 2022年10月11日 03:53/ 0 赞/ 322 阅读

相关 vim复制粘贴

开发工具在vim 中快速复制粘贴多行 1. 将光标移动到要复制的文本开始的地方，按 v 进入可视模式。 2. 将光标移动到要复制的文本的结束的地方，按 y 复制。

╰+哭是因爲堅強的太久メ/ 2022年10月06日 09:52/ 0 赞/ 256 阅读

相关 js 中复制粘贴的使用

<SCRIPT> var bResult; // 选中要剪切的文本。在剪切事件中文本选中区的尾随空格导致剪 // 切选快捷菜单项目保持无效。 function

女爷i/ 2022年09月29日 15:47/ 0 赞/ 329 阅读

相关 JS 实现复制粘贴功能

JS 实现复制粘贴功能目前没有做过多的测试，只是测试了几个手机，介绍：支持情况（1）移动端： 1. chrome（版本 58.0.3029.96 (64

柔光的暖阳◎/ 2022年06月15日 04:57/ 0 赞/ 263 阅读

相关 js复制粘贴

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

女爷i/ 2022年05月29日 00:48/ 0 赞/ 268 阅读

相关 js复制粘贴

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or

心已赠人/ 2022年05月12日 07:06/ 0 赞/ 262 阅读

相关 xshell复制粘贴

今天下午想把同学的python代码部署到我的远程服务器上，利用xshell在windows下进行远程连接时差点被复制粘贴搞疯。复制粘贴不就是Ctrl+C，Ctrl+V嘛，但是

爱被打了一巴掌/ 2022年04月23日 06:38/ 0 赞/ 317 阅读

相关 mui APP复制粘贴,Native.js复制粘贴

/ @description 获取剪贴板内容 (粘贴) / function getClipbordText() { if

た入场券/ 2022年04月22日 16:24/ 0 赞/ 295 阅读