jquery复制到剪贴板
好的,所以今天我尝试使用jQuery(和普通JavaScript)来自动化复制到剪贴板的过程,众所周知,通过右键单击>复制或按CTRL + C可以轻松完成复制过程。 通常复制到剪贴板的方式是,您只需调用exec copy命令即可将当前选择内容复制到剪贴板。 但是,似乎唯一支持此功能的浏览器是IE。 现在,我们有了一种解决方法,可以使用Flash SWF文件运行并将选择内容以这种方式保存到剪贴板。 您可以使用jQuery插件,据我所知,您有以下四个选项。
注意:我的建议是使用3.复制文本的解决方法,因为尝试使其他插件正常工作可能很痛苦。
1. zClip
zClip仅适用于超链接。
function copy (str)
{
//for IE ONLY!
window.clipboardData.setData('Text',str);
}
2.零剪贴板
一个漂亮的剪贴板插件: 下载页面 。
function init() {
clip = new ZeroClipboard.Client();
clip.setHandCursor( true );
clip.addEventListener('load', my_load);
clip.addEventListener('mouseOver', my_mouse_over);
clip.addEventListener('complete', my_complete);
clip.glue( 'd_clip_button' );
}
3.复制文本解决方法
JQUERY代码
$(document).ready(function(){
//store nodepath value to clipboard (copy to top of page)
$('li').live('click', function(){
//console.log($('#pathtonode').html()+ " copied to window");
var path = $('#pathtonode').html();
path = path.replace(/ > /g,".");
//console.log(path);
addtoppath(path);
});
//initially hide copy window
$('#toppathwrap').hide();
function addtoppath(path) {
//console.log(path);
$('#copypath').val(path);
$('#toppathwrap').show();
$('#copypath').focus();
$('#copypath').select();
}
});
对于动态DOM元素:
$('#copypath', 'body')
.find('a')
.livequery('click', function() {
$(this)
.blur();
//console.log('copied to copy window');
var nodetext = $('#id-of-element-to-copy').html();
$('#copypath input').focus();
$('#copypath input').select();
return false;
});
HTML代码
CSS代码
#toppathwrap { position:fixed; top:0px; right:0px; background-color:#F2F1E8; padding:5px; display:none; }
4. David Walsh教程
//javascript copy function function copy(inElement) { if (inElement.createTextRange) { var range = inElement.createTextRange(); if (range && BodyLoaded==1) range.execCommand('Copy'); } else { var flashcopier = 'flashcopier'; if(!document.getElementById(flashcopier)) { var divholder = document.createElement('div'); divholder.id = flashcopier; document.body.appendChild(divholder); } document.getElementById(flashcopier).innerHTML = ''; var divinfo = '
'; document.getElementById(flashcopier).innerHTML = divinfo; } }
翻译自: https://www.sitepoint.com/jquery-copy-clipboard-4-options/
jquery复制到剪贴板