jquery实现多个点击复制按钮

最新推荐文章于 2023-08-11 15:54:23 发布

原创

最新推荐文章于 2023-08-11 15:54:23 发布 · 5.5k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

上一篇博客的升级版，哈哈，功能室实现了，但是代码写的比较low，小女子还处于菜鸟阶段，欢迎大神指点，不喜勿喷^_^。话不多说，先上代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input type="text" id = "url1" value = "http://www.baidu.com"><a href="javascript:(0)" id = "btn1">点我复制</a>
<input type="text" id = "url2" value = "http://www.jd.com"><a href="javascript:(0)" id = "btn2">点我复制</a>
<input type="text" id = "url3" value = "http://www.hshs.com"><a href="javascript:(0)" id = "btn3">点我复制</a>
<input type="text" id = "url4" value = "http://www.iii.com"><a href="javascript:(0)" id = "btn4">点我复制</a>
<script src = "js/jquery.js"></script>
<script type="text/javascript">
    var btn = [];
    var url = []
    var len = $("input").size();
    for (var i = 0; i < len; i++) {
        btn.push("#btn" + (i + 1));