Javascript 如何复制div';使用clipboard.js或zeroclipboard保存内容?
我的HTML中有一些div,我想在单击该div时复制div的内容Javascript 如何复制div';使用clipboard.js或zeroclipboard保存内容?,javascript,jquery,clipboard,zeroclipboard,clipboard.js,Javascript,Jquery,Clipboard,Zeroclipboard,Clipboard.js,我的HTML中有一些div,我想在单击该div时复制div的内容 <div class="container">Hello</div> <div class="container">World</div> <div class="container">LearnJS</div> 你好 世界 李尔纳斯 因此,当我单击第一个div时,它将复制剪贴板上的“Hello” 我搜索了这个网站,找到了一些zeroclipboard和c
<div class="container">Hello</div>
<div class="container">World</div>
<div class="container">LearnJS</div>
你好
世界
李尔纳斯
因此,当我单击第一个div时,它将复制剪贴板上的“Hello”
我搜索了这个网站,找到了一些zeroclipboard和clipboard.js,但我不知道如何使用它;我不熟悉jQuery
如何编写一个复制div内部文本onclick的函数?对不起,这里有一个可行的解决方案。只需将类从“container”更改为“c”或其他任何内容,以匹配下面的$('.c')选择器(
container
是Bootstrap使用的类,这是一个非常流行的库)。单击其中一个div时,将选择文本并将其复制到剪贴板。顺便说一句,旧的浏览器不起作用
$(function() {
$('.c').on('click', function () {
SelectText($(this)[0]);
document.execCommand('copy');
});
function SelectText(element) {
var doc = document, range, selection;
if (doc.body.createTextRange) {
range = document.body.createTextRange();
range.moveToElementText(element);
range.select();
} else if (window.getSelection) {
selection = window.getSelection();
range = document.createRange();
range.selectNodeContents(element);
selection.removeAllRanges();
selection.addRange(range);
}
}
});
@victor Trust的可能副本,即用户正在根据您的帖子内容进行投票,他们只有在阅读后才能知道。投票关闭是在为网站贡献一段时间后获得的特权;这些用户基本上被信任能够在其他地方被问到和回答问题时做出正确的决定;没有必要在你的问题中添加粗体的免责声明。如果不起作用,你能给JSFIDLE一个完整的例子吗。加载jQuery后,只需在脚本标记中添加到HMTL。