document.execCommand(“Copy“)的返回值为false

原创已于 2022-09-01 15:24:25 修改 · 8.9k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #servlet #前端

于 2019-03-02 17:20:48 首次发布

前端开发同时被 2 个专栏收录

197 篇文章

订阅专栏

javascript

49 篇文章

订阅专栏

本文探讨了在JavaScript中使用异步操作（如AJAX）时，执行剪切板复制操作（document.execCommand('Copy')）的限制及返回值问题。揭示了在异步环境下，剪切板操作可能无法正常执行的现象。

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

今天做文本复制到粘贴板踩坑了,具体如下:

var myInput = document.createElement('input');
myInput.value = "一些文本,等待被复制到粘贴板...";
document.body.appendChild(myInput);
myInput.select(); // 选择以哪个DOM对象作为模板

document.execCommand("copy")

重点来了：js 在ajax(只要是异步的...)中不能执行剪切板操作，document.execCommand("Copy"); 返回值为false

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hzxOnlineOk

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

基于Chrome扩展的浏览器可信事件与网页离线PDF导出

WindRunnerMax

07-02

1518

Chrome扩展是一种可以在浏览器中添加新功能和修改浏览器行为的软件程序，我们可以基于Manifest规范的API实现对于浏览器和Web页面在一定程度上的修改，例如广告拦截、代理控制等。则是Chrome浏览器提供的一套与浏览器进行交互的API，我们可以基于DevTools协议控制Chromium内核的浏览器进行各种操作，例如操作页面元素、模拟用户交互等。

Js技巧大全

09-14

匹配中文字符的正则表达式： [\u4e00-\u9fa5] 匹配双字节字符(包括汉字在内)：[^\x00-\xff] 匹配空行的正则表达式：\n[\s| ]*\r 匹配HTML标记的正则表达式：/.*|/ 匹配首尾空格的正则表达式：(^\s*)|(\s*$)（像vbscript那样的trim函数）匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 匹配网址URL的正则表达式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?

2 条评论您还未登录，请先登录后发表或查看评论

JavaScript 技术篇-chrome浏览器读取剪切板命令document.execCommand(‘paste‘)返回false原因及解决方法

小蓝枣的博客

09-10

8412

JavaScript 技术篇-chrome浏览器读取剪切板命令document.execCommand(‘paste‘)返回false原因及解决方法。新版本 chrome 执行 document.execCommand('paste') 返回 false 因为读取剪切板涉及用户隐私安全，必须的用户允许的情况下可以进行访问，但是复制和剪切功能可以使用。 navigator.permissions 方法可以在 https 协议下通过询问用户获取读取剪切板的权限来读取剪切板。

现代浏览器剪贴板操作指南 + 示例页面 navigator.clipboard 详解与实战

热门推荐

amyleeYMY的博客

09-14

1万+

前几天遇到了一个js复制在不同浏览器下行为不同问题，花了几个小时看问题，最后发现竟然是js在ajax中执行剪切板操作会有问题。场景是这样的：复制的内容是可配置的，所以进行复制操作前需要进行请求。具体问题：复制操作在chrome浏览器和360浏览器上是正常的，在QQ浏览器和UC浏览器上复制不成功。实现复制主要代码： // for ie if (window.clipboardData) { window.clipboardData.clearData(); window.clipboardData.

[转]document对象execCommand的命令参数介绍

weixin_34362991的博客

02-12

216

转自：http://hi.baidu.com/wangcnc2005/blog/item/06f1ee38a0277723b9998f7d.htmldocument对象execCommand的命令参数介绍 2009-01-12 14:18 document.execCommand()方法处理Html数据时常用语法格式如下: 复制内容到剪贴板代码:document.e...

JS:document.execCommand()解析

weixin_30877755的博客

04-28

229

execCommand方法是执行一个对当前文档，当前选择或者给出范围的命令。处理Html数据时常用如下格式：document.execCommand(sCommand[,交互方式, 动态参数]) ，其中：sCommand为指令参数（如下例中的"2D-Position"），交互方式参数如果是true的话将显示对话框，如果为false的话，则不显示对话框（下例中的"false"即表示不显示对话框），动...

常用js大全

03-28

document.execCommand("Copy"); // 执行复制命令 ``` #### COOKIE与菜单事件 `document.cookie`用于读写cookie数据，`document.oncontextmenu`则处理右键菜单事件。 ```javascript document.cookie = "name=value...

javascript技巧大全

11-19

document.execCommand('copy'); ``` 2. **窗体COOKIE**：通过`document.cookie`可以读写客户端的cookie数据。 - 示例代码： ```javascript document.cookie = "name=value; expires=date; path=path"; ``` 3...

JavaScript小技巧：对象属性与事件处理

`document.execCommand`可以执行一些常见的文档操作，如复制（'copy'）、粘贴（'paste'）等，但这个API在现代浏览器中已逐渐被废弃，建议使用更现代的API如`navigator.clipboard`。 10. **窗体Cookie** `document...

execCommand指令集详解

wsxqaz的专栏

10-17

2973

2D-Position 允许通过拖曳移动绝对定位的对象。 AbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。 BackColor 设置或获取当前选中区的背景颜色。 BlockDirLTR 目前尚未支持。 BlockDirRTL 目前尚未支持。 Bold 切换当前选中区的粗体显示与否。 BrowseMode 目前尚未支持。 Copy 将当前选中区复制

JavaScript基础之document.execCommand函数

devin_xin的博客

04-02

2381

execCommand函数语法 bool = document.execCommand(aCommandName, aShowDefaultUI, aValueArgument) 返回值 一个 Boolean ，如果是 false 则表示操作不被支持或未被启用。参数解释参数描述 aCommandName 一个 DOMString ，命令的名称。可用命令列表请参阅命令 ...

document.execCommand()用法

Admans的专栏

01-02

1950

第三个参数也是可选的，在可应用的情况下，使用它来将任何所需参数传递给该命令。其中：sCommand为指令参数（如下例中的”2D-Position”），交互方式参数如果是true的话将显示对话框，如果为false的话，则不显示对话框（下例中的”false”即表示不显示对话框），动态参数一般为一可用值或属性值（如下例中的”true”）。（根据在winxpsp2的ie6下测试，虽然可能仍然调用了一次网络存取的api，但是并没有发生实际的请求，症状就是鼠标有极短时间的抖动，但是图像不会闪烁）。

HTML+JS实现复制粘贴

April_519的博客

10-23

3034

HTML+JS实现网页和手机端复制粘贴直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>一键复制</title> </head> <body> <input readonly type="...

移动端开发兼容问题

The_upside_of_down的博客

06-17

721

移动端h5开发遇到的兼容问题ios兼容问题高版本兼容时间格式兼容ios执行document.execCommand("copy")不生效input框ios将数字当成电话。安卓系统兼容问题禁止安卓识别email。禁止图片点击放大。其他 ios兼容问题高版本兼容 1、场景。 h5页面在touchmove时，由于ios自身的下拉回弹效果，底部会多出来一块空白屏。 2、解决方案。直接禁止ios系统默认的滑动事件。 3、代码。 document.body.addEventListener('touchmove',

document.execCommand('Copy')

02-18

### 如何使用 `document.execCommand('copy')` 实现网页内容复制 #### 准备工作要使 `document.execCommand('copy')` 正常工作，通常需要创建一个临时的 `<textarea>` 或者 `<input>` 元素来容纳待复制的文字。这是因为该命令会尝试将选中的文本放入剪贴板。 ```html <textarea id="temp-textarea"></textarea> <button onclick="copyToClipboard()">点击复制</button> ``` #### JavaScript函数定义下面是一个简单的例子，展示了如何编写用于触发复制行为的JavaScript代码： ```javascript function copyToClipboard() { var textArea = document.getElementById("temp-textarea"); // 设置想要复制的内容到 textarea 中 textArea.value = "这是要被复制的内容"; // 将 textarea 的值选中 textArea.select(); textArea.setSelectionRange(0, 9999); // 对于移动设备的支持 try { // 执行复制命令 var successful = document.execCommand('copy'); if (successful) { console.log("成功复制！"); } else { console.error("未能完成复制操作..."); } } catch (err) { console.error('无法执行复制:', err); } // 清除输入框内的文字以防泄露隐私数据 textArea.value = ''; } ``` 此段脚本首先找到页面上的指定元素并为其赋值为目标字符串；接着利用 `.select()` 和 `.setSelectionRange()` 来选定这些字符以便它们能成为即将被拷贝的对象；最后调用了 `document.execCommand('copy')` 完成实际的复制动作[^1]。需要注意的是，在某些情况下可能还需要处理跨浏览器兼容性和安全性问题，比如对于较新的浏览器版本来说，直接访问剪切板可能会受到限制，这时就需要考虑采用更现代的方式如 Clipboard API[^4]。