首页 / JAVASCRIPT / 复制Input内容的js代码_支持所有浏览器，修正了Firefox3.5以上的问题

复制Input内容的js代码_支持所有浏览器，修正了Firefox3.5以上的问题

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了复制Input内容的js代码_支持所有浏览器，修正了Firefox3.5以上的问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2549字，纯文字阅读大概需要4分钟。

内容图文

复制Input内容的js代码_支持所有浏览器，修正了Firefox3.5以上的问题 - 文章图片
但IE6两行JS代码就可以，IE7以上也差不多，只不过出来一个安全提示比较恶心，用户如果看到了，一定有怀疑；
再但就是Firefox、Chrome等根本就不让你复制；
记得以前网上有这方面的代码，找了一下，发现全部不能在firefox3.5以上的版本中应该，最后终于找到了一个，代码还相当相当的复杂，不太敢用。
最后，憋的实在没有办法了，查了查资料，自已写了一个：
主要的理解的几个点：
1、Firefox这些浏览器，出于安全考虑吧，直接是不让复制的；
2、在Flash中，可以用System.setClipboard()，把内容扔到剪贴板上，然后再让FLASH工作在Firefox下；
3、在Flash播放器10.0之后呢，也是出于安全考虑吧，System.setClipboard的内容必须在FLASH里边；
4、用ExternalInterface可以和JS通信；
5、ExternalInterface在flash8中必须引用一下才可以；
默认的HTML代码：
代码如下:

<input type="text" id="testInput" name="testInput" value="4234324234" /> 
<div id="buttonBox"> 
<button onclick="copy('testInput')">copy</button> 
</div> 
 
所以，设计的时候，先作第一个判断，如果是IE，就还用默认的代码，这样最没有问题，如果不是，就用一个FLASH把默认的按钮覆盖； 
 代码如下:

if (window.XMLHttpRequest){//如果不是IE时，就用FLASH的方式复制 
$('buttonBox').innerHTML = '<embed src="flashCopy.swf" width="48" 
height="23" quality="high" 
pluginspage="http://www.macromedia.com/go/getflashplayer" 
type="application/x-shockwave-flash"></embed>'; 
} 
 
以下是所有的JS文件： 
 代码如下:

<script> 
function $(id){ 
return document.getElementById(id); 
} 
function copy(){//ie6 
var value = $('testInput').value; 
window.clipboardData.clearData(); 
window.clipboardData.setData("Text", value); 
alert('复制成功！'); 
} 
function flashCopy(){//firefox ....... 
return $('testInput').value; 
} 
function flashCopyBack(){ 
alert('复制成功！'); 
} 
if("v" != "v"){//如果不是IE时，就用FLASH的方式复制 
$('buttonBox').innerHTML = '<embed src="111.swf" width="48" height="23" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>'; 
} 
</script> 
 
FLASH按钮的代码如下： 
 代码如下:

on (release) { 
import flash.external.ExternalInterface; 
var inputText = ExternalInterface.call('flashCopy'); 
System.setClipboard(inputText); 
ExternalInterface.call('flashCopyBack'); 
//_root.boboText.text = inputText; 
} 
 
原理，就是避开那个安全上的限制，在点FLASH中的按钮时，通过FLASH中的代码去调页面中的JS代码，JS代码可以拿到INPUT中的值，然后再传给FLASH，这时，FLASH中就有了这些值了，然后，FLASH自已再通过System.setClipboard把这些值存到剪贴板上； 再然后，他再去调用页面中的flashCopyBack，flashCopyBack只干一件事，就是提示已复制成功！ 
我在Firefox、chrome、ie中都测过了，没有问题，如果谁发现有问题，请告诉我，谢谢，因为我现在已经开始用！ 
转载请注明出处：子鼠

内容总结

以上是互联网集市为您收集整理的复制Input内容的js代码_支持所有浏览器，修正了Firefox3.5以上的问题全部内容，希望文章能够帮你解决复制Input内容的js代码_支持所有浏览器，修正了Firefox3.5以上的问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/370952.html

来源：【匿名】