当前位置: 代码迷 >> JavaScript >> 兼容IE跟火狐等多个浏览器的复制到剪切板JS
  详细解决方案

兼容IE跟火狐等多个浏览器的复制到剪切板JS

热度:396   发布时间:2012-11-23 22:54:33.0
兼容IE和火狐等多个浏览器的复制到剪切板JS

火狐运行的时候第一次会有个警告框 提示js操作了不安全的设置

?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function copy(text) {
?? if(window.clipboardData) {
?????? window.clipboardData.clearData();
?????? window.clipboardData.setData("Text", text);
?? } else if(navigator.userAgent.indexOf("Opera") != -1) {
?????? window.location = text;
?? } else if(window.netscape) {
?????? try {
?????????? netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
?????? } catch(e) {
?????????? alert("被浏览器拒绝!\n请在浏览器地址栏输入'about:config'并回车\n然后将'signed.applets.codebase_principal_support'设置为'true'");
?????? }
?????? var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
?????? if(!clip) {
?????????? alert('Copy to clipboard failure!');
?????????? return false;
?????? }
?????? var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
?????? if (!trans) {
?????????? alert('Copy to clipboard failure!');
?????????? return false;
?????? }
?????? trans.addDataFlavor('text/unicode');
?????? var str = new Object();
?????? var len = new Object();
?????? var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
?????? var copytext = text;
?????? str.data = copytext;
?????? trans.setTransferData("text/unicode",str,copytext.length*2);
?????? var clipid = Components.interfaces.nsIClipboard;
?????? if (!clip) {
?????????? alert('Copy to clipboard failure!');
?????????? return false;
?????? }
?????? clip.setData(trans,null,clipid.kGlobalClipboard);
?????? return true;
?? }
}
</script>
</head>
<body>
<input type="text" id="inp" value="weewe111222222222223333333" style="width:300px; " />
<br /><br /><br /><br />
<input type="button" value="点击" onclick="copy(document.getElementById('inp').value)" />
</body>
</html>

  相关解决方案