将元素作为HTML复制到剪贴板

不幸的是,据我所知,IE提供给剪贴板的唯一编程访问允许您设置文本数据和URL数据,但没有其他内容: http://msdn.microsoft.com/en-us/library/ms536744(v=VS.85).aspx

这工作:

window.clipboardData.setData("text", "<div>Testing</div>");

…但有你提到的问题吗?遗憾的是,这行不通:

window.clipboardData.setData("html", "<div>Testing</div>");

真的有点奇怪。

这是我用来将超链接HTML元素复制/粘贴到剪贴板的方法,这样当您粘贴超链接HTML元素时,它就会被隐藏,并且您只能看到“prettier”名称。

HTML:

<button onclick="copyToClipboard()">Copy me!</button>

Javascript:

var copyToClipboard = (function() {
    var _dataString = null;
    $('.transform').toggleClass('transform-active');
    document.addEventListener("copy", function(e){
        if (_dataString !== null) {
            try {
                e.clipboardData.setData("text/html", link);
                e.preventDefault();
            } finally {
                _dataString = null;
            }
        }
    });
    return function(data) {
        _dataString = data;
        document.execCommand("copy");
    };
})();