CSS图片点击拷贝

文章目录
  1. I. CSS图片点击拷贝
  2. II. 其他
    1. 个人博客: 一灰灰Blog
    2. 声明
    3. 扫描关注

I. CSS图片点击拷贝

点击实现文本or图片的复制, 主要利用 document.execCommand('Copy')来实现

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript">
function copy2board()
{
var Url2=document.getElementById("biao1");
Url2.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("已复制好,可贴粘。");
}

function copyimg(e) {
var range = document.createRange();
range.selectNode(e); //selectable为下面页面中DIV中的id
window.getSelection().addRange(range);
document.execCommand("Copy");
alert("复制ok");
}
</script>
<textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
<input type="button" onClick="copy2board()" value="点击复制代码" />



<img src="http://a.hiphotos.baidu.com/image/pic/item/8326cffc1e178a82112604dffa03738da977e8b3.jpg" width=200 height=200 onclick="copyimg(this)"></img>

II. 其他

个人博客: 一灰灰Blog

基于hexo + github pages搭建的个人博客,记录所有学习和工作中的博文,欢迎大家前去逛逛

声明

尽信书则不如,已上内容,纯属一家之言,因本人能力一般,见识有限,如发现bug或者有更好的建议,随时欢迎批评指正

扫描关注

QrCode

# css

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×