复制到悬停时的剪贴板
Copy to clipboard on hover
我试图将文本复制到悬停的剪贴板上,并注意到它只适用于点击(document.body.addEventListener('click', copy, true);
),但是当你试图触发悬停复制时,它不起作用(document.body.addEventListener('mouseover', copy, true);
)。我一直在摆弄这个例子,想知道为什么会这样。
document.execCommand
需要一个用户事件来工作。它不会在悬停时工作,但它会在点击和类似的(鼠标向下,鼠标向上等)。
您可能仍然需要检查兼容性(在这里)。参考这个原始答案和(这个)jsFiddle。现在浏览器似乎都一致支持它,但你仍然需要确保你想要在表中针对这些版本。
$('.big').hover(function () {
// will not work, no user action
$('input').select();
document.execCommand('copy');
});
$('.big').mousedown(function () {
//works
document.execCommand('copy');
});
从document.execCommand()触发的复制命令只会影响真实剪贴板的内容,如果事件是从用户信任并触发的事件调度的,或者如果实现配置为允许这样做。如何配置实现以允许对剪贴板进行写访问不在本规范的范围内。
相关文章:
- 如何在Firefox中获取剪贴板文本和html当用户按下“;Ctrl+V”;
- 零剪贴板复制文本后切换页面
- 复制到剪贴板在safari-angularjs中不起作用
- 使用javascript代码将HTML元素复制到剪贴板
- “复制到剪贴板”不起作用
- 使用jQuery/Javascript将忽略表头的表的内容复制到剪贴板
- 有没有任何方法可以将javascript对象从源代码传递到系统/浏览器剪贴板
- javascript中的复制到剪贴板功能
- 使用JavaScript访问Chrome扩展的剪贴板
- 将属性模型复制到剪贴板
- 如何使用剪贴板.js
- 零剪贴板在第一次点击时不起作用
- WinJs 复制到 Windows Phone 的剪贴板
- 使用扩展程序访问 Chrome 剪贴板活动
- JavaScript 自动将文本复制到剪贴板
- 只能在第二次单击时将副本复制到剪贴板
- 如何检测firefox中是否可以访问剪贴板
- 复制到剪贴板是't工作
- 如何在internet explorer中从剪贴板中获取base64编码的图像
- 复制到悬停时的剪贴板