用js实现图片复制到剪切板的功能，兼容各种浏览器，例如IE,火狐、chome等。

JavaScript07

用js实现图片复制到剪切板的功能，兼容各种浏览器，例如IE,火狐、chome等。,第1张

您好！很高兴为您答疑！

您可以参考下面的代码：

<script>

function copyToClipboard()

{

var d = document.all("source").value

window.clipboardData.setData('text', d)

}

</script>

<BODY>

<button onclick="copyToClipboard()">拷贝</button>

<input type="text" size=20 id="source" value="测试数据">

<br>

<button onclick="alert(window.clipboardData.getData('text'))">显示</button>

<button onclick="window.clipboardData.clearData('text')">清空</button>

</BODY>

您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

两个方法，没现成代码，自己想办法搞：

简单的：js判断鼠标在图片上时，产生一个div覆盖在图片上面，这个div给格子背景图

(兼容性好，但是格子尺寸固定，一张网页上多个不同尺寸图片上用，格子全一样大)

复杂的：js生成个html5的canvas画布，把图片放上去，再用js画些线条在上面

(无法顾及不支持html5的浏览器，但是格子尺寸你可以根据图片尺寸比例动态生成)