WEB开发网
开发学院网页设计JavaScript 兼容多种浏览器“复制到剪贴板”的解决方案 阅读

兼容多种浏览器“复制到剪贴板”的解决方案

 2010-09-14 13:42:27 来源:WEB开发网   
核心提示:昨天在也一个php程序的时候,要实现“复制到剪贴板”的功能,兼容多种浏览器“复制到剪贴板”的解决方案,由于安全问题,浏览器的限制越来越严,由于IE的浏览器的占有率比较大,这个方案是使用最广的,实现的方法也越来越有限,这个简单的功能要想实现兼容不同的浏览器还真不容易

昨天在也一个php程序的时候,要实现“复制到剪贴板”的功能,由于安全问题,浏览器的限制越来越严,实现的方法也越来越有限,这个简单的功能要想实现兼容不同的浏览器还真不容易,根据网上的一些资料结合我测试的经验,相关解决方案如下:

方案一:利用“window.clipboardData”

代码示例:

  if (window.clipboardData) {

  window.clipboardData.clearData();

  window.clipboardData.setData("Text", txt)

  };

评论:这个方案只适合IE浏览器,同时在IE7下有个如下安全提示的对话框。

兼容多种浏览器“复制到剪贴板”的解决方案

由于IE的浏览器的占有率比较大,这个方案是使用最广的,也是最简单的方法。

支持浏览器:IE5.5 IE6.0 IE7.0

方案二:利用“Components.interfaces.nsIClipboard”

代码示例:

  if (window.netscape) {

  try {

  netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");

  } catch (e) {

  if (flag == 0) {

  alert("You are using the Firefox browser, copy the function browser refuse!

  nPlease in the browser address bar enter'about:config' and Enter n and set'signed.applets.codebase_principal_support' to 'true'");

  } else {

  alert("你使用的是Firefox 浏览器,复制功能被浏览器拒绝!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)

  return;

  var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance

  (Components.interfaces.nsITransferable);

  if (!trans)

  return;

  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 = txt;

  str.data = copytext;

  trans.setTransferData("text/unicode", str, copytext.length * 2);

  var clipid = Components.interfaces.nsIClipboard;

  if (!clip)

  return false;

  clip.setData(trans, null, clipid.kGlobalClipboard);

  }

1 2 3  下一页

Tags:兼容 多种 浏览器

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接