JS原生 复制粘贴

JS原生 复制粘贴,第1张

本篇文章不考虑浏览器兼容,谷歌浏览器亲测至少得88版本往上。Mac系统复制粘贴html数据,会自动加一些标签,小伙伴们自己测吧。一般需求用不着。

想要实现复制粘贴就只需要搞明白两件事就可以了。

第一就是如何往粘贴板里边存放数据,第二就是如何读取粘贴板里边的数据。

所 *** 作的数据大致可以分为三类数据 1:字符串 2:带样式的HTML 3: 还有其他数据格式,还请各位小伙伴补充指教吧。

① 如果只是放普通字符串是最简单的

② 想要放入带格式的数据,比如想要往word内粘贴一个表格,跟正常写html标签加写样式是一样的

③往粘贴板内放入,目前只支持放png

其实也可以用放HTML的方式,把放入粘贴板内

用JS创建文件

var fso, f1;

fso = new ActiveXObject("ScriptingFileSystemObject");

f1 = fsoCreateTextFile("c:\\testfiletxt", true);

2用JS创建并写入数据

function CreateFile()

{

var fso, tf;

fso = new ActiveXObject("ScriptingFileSystemObject");

tf = fsoCreateTextFile("c:\\testfiletxt", true);

// 写一行,并且带有新行字符。

tfWriteLine("Testing 1, 2, 3") ;

// 向文件写三个新行字符。

tfWriteBlankLines(3) ;

// 写一行。

tfWrite ("This is a test");

tfClose();

}

3用JS读取数据

function ReadFiles()

{

var fso, f1, ts, s;

var ForReading = 1;

fso = new ActiveXObject("ScriptingFileSystemObject");

f1 = fsoCreateTextFile("c:\\testfiletxt", true);

// 写一行。

// ResponseWrite("Writing file <br>");

f1WriteLine("Hello World");

f1WriteBlankLines(1);

f1Close();

// 读取文件的内容。

// ResponseWrite("Reading file <br>");

ts = fsoOpenTextFile("c:\\testfiletxt", ForReading);

s = tsReadLine();

// ResponseWrite("File contents = '" + s + "'");

alert(s);

tsClose();

}

4移动、复制和删除文件

任务

方法

移动文件 FileMove 或 FileSystemObjectMoveFile

复制文件 FileCopy 或 FileSystemObjectCopyFile

删除文件 FileDelete 或 FileSystemObjectDeleteFile

function ManipFiles()

{

var fso, f1, f2, s;

fso = new ActiveXObject("ScriptingFileSystemObject");

f1 = fsoCreateTextFile("c:\\testfiletxt", true);

ResponseWrite("Writing file <br>");

// 写一行。

f1Write("This is a test");

// 关闭文件。

f1Close();

ResponseWrite("Moving file to c:\\tmp <br>");

// 获取 C 的根目录(C:\)中的文件的句柄。

f2 = fsoGetFile("c:\\testfiletxt");

// 把文件移动到 \tmp 目录。

f2Move ("c:\\tmp\\testfiletxt");

ResponseWrite("Copying file to c:\\temp <br>");

// 把文件复制到 \temp 目录。

f2Copy ("c:\\temp\\testfiletxt");

ResponseWrite("Deleting files <br>");

// 获得文件当前位置的句柄。

f2 = fsoGetFile("c:\\tmp\\testfiletxt");

f3 = fsoGetFile("c:\\temp\\testfiletxt");

// 删除文件。

f2Delete();

f3Delete();

ResponseWrite("All done!");

}

思路:你用textarea的select()选中,documentexecCommand("Copy");执行复制到剪切板,

实现:新建一个textarea,把要复制的字段,放到textarea中

function copy(ele){

var textarea = documentcreatElement("textarea");

textareainnerHTML = eleinnerHTML;

textareaselect();

documentexecCommand("Copy");

alert("成功了,请按Ctrl+v进行复制")

}

<script>

function cal(){

 var rem = documentgetElementById('txt1')value;

 documentgetElementById('txt2')value = rem;

}

</script>

</head>

<body>

    <form action="" method="get" name="myform">

        <input id="txt1" type="text">

        <input id="txt2" type="text">

        <input name="" onClick="cal();" type="button" value="确定">

    </form>

</body>

以上就是关于JS原生 复制粘贴全部的内容,包括:JS原生 复制粘贴、javascript 已知文件名的本地文件的读取、js获取事件源的上一个兄弟的值进行复制 *** 作等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9765339.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存