网站首页 > 知识剖析 正文
document.addEventListener("click", function(event) {
if (event.target.closest(".js-copy-shortname")) {
console.log("复制专属推广链接");
var button = event.target.closest(".js-copy-shortname");
var parent = button.closest(".shortbox-item");
var shortnameUrlInput = parent.querySelector(".shortname-url-input");
var shortnameUrl = shortnameUrlInput.value;
// 复制到剪贴板
navigator.clipboard.writeText(shortnameUrl)
.then(() => {
alert("复制成功");
})
.catch(err => {
console.error("无法复制文本: ", err);
alert("复制失败,请手动复制");
});
}
});
//code 布局
<td width="18%" class="shortbox-item">
<a data-href="<?=$v['promotion_url']?>" href="javascript:;" class="js-copy-shortname">复制链接</a>
<input type="hidden" class="shortname-url-input" value="<?=$v['promotion_url']?>">
</td>
//jquery 写法
$(document)
.off("click", ".js-copy-shortname")
.on("click", ".js-copy-shortname", function () {
console.log("复制专属推广链接");
var $t = $(this);
var $parent = $t.parents(".shortbox-item");
var $shortnameUrl = $parent.find(".shortname-url-input");
var shortnameUrl = $shortnameUrl.val();
// 复制到剪贴板
navigator.clipboard.writeText(shortnameUrl);
layer.msg("复制成功");
});
//end
猜你喜欢
- 2025-07-24 Python爬虫利器:requests-html 深度探究
- 2025-07-24 让编辑器支持word的复制黏贴,支持截屏的黏贴
- 2025-07-24 常见的10种WEB页面元素定位方法及其特点
- 2025-07-24 每天一个 Python 库:BeautifulSoup4 优雅地解析HTML
- 2025-07-24 給她每日一封暖心小邮件~(每天的一封信)
- 2025-07-24 快速理解析语言及解析工具(解析语法的软件)
- 最近发表
-
- 不用Flexbox, 一行代码搞定CSS居中难题
- 使用 HTML、CSS 和 JS 创建令人惊叹的粒子背景效果
- CSS样式隔离:12个技巧让冲突率降低75%
- Python开发爬虫的常用技术架构_python网络爬虫开发
- DISMTools v0.5.1 Update 1_DISMTools v0.5.1 Update 16
- Spring MVC 完整配置指南:WebMvcConfigurer 实战全解析
- Python3 XML解析:探索数据交换与处理的高效工具(38)
- 《Java核心技术·卷 Ⅱ》知识点总结
- MyBatis3源码解析-执行SQL流程_mybatis3源码深度解析
- 印度计算机应急响应小组警告:谷歌Chrome、Zoho软件存在多个漏洞
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)