大家好,我刚学建站,最近在捣鼓用WP做一个网站,知识储备是会修改主题函数,会基本的html和CSS编写,但是还不会Javascript,最近找到一个网站,点击按钮就可以复制对应按钮的CSS代码,请问大家这个功能具体怎么实现的?我也想在我的小站上使用
该网站地址:https://gradientbuttons.colorion.co/
如果有人回答的话考虑下我的知识储备😂,尽量详细一点点,谢谢哈!
原生剪贴板 https://developer.mozilla.org/zh-CN/docs/Web/API/Clipboard
https://blog.csdn.net/qq_44749901/article/details/125425613
获取元素的style
执行浏览器复制事件
直接百度 js获取元素样式
参考这个
http://t.zoukankan.com/guohu-p-9764869.html
// 传入想复制的内容就可以了
link(data) {
let url = data || '暂无链接'
let oInput = document.createElement('input')
oInput.value = url
document.body.appendChild(oInput)
oInput.select() // 选择对象;
document.execCommand('Copy') // 执行浏览器复制命令
this.$message({
message: '复制成功',
type: 'success'
})
/// 复制成功后再将构造的标签 移除
oInput.remove()
},