问优化多个元素的Javascript
EN

Stack Overflow用户

提问于 2015-04-11 13:51:25

回答 1查看 60关注 0票数 1

我需要优化这个Javascript实现，这样我就不会为每个需要调用Javascript的元素复制脚本。

下面的代码是我现在有的代码--我需要为每个类名为copy的元素调用Javascript。

<body>
    <a id="copy-1" class="copy" data-clipboard-text="hello.playcraft.com" title="Click to copy me.">Copy 1 to Clipboard</a><br />
    <a id="copy-2" class="copy" data-clipboard-text="localhost:25565" title="Click to copy me.">Copy 2 to Clipboard</a>
    <script src="/assets/js/ZeroClipboard.min.js"></script>
    <script>
        var client = new ZeroClipboard( document.getElementById("copy-1") );
        client.on( "ready", function( readyEvent ) {
        // alert( "ZeroClipboard SWF is ready!" );
            client.on( "aftercopy", function( event ) {
                // `this` === `client`
                // `event.target` === the element that was clicked
                event.target.style.display = "none";
                alert("Copied text to clipboard: " + event.data["text/plain"] );
            });
        });
    </script>
</body>

javascript

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-04-11 13:58:12

你只需要一个函数。

function addCopyHandler(id) {
  var client = new ZeroClipboard( document.getElementById(id) );
  client.on( "ready", function( readyEvent ) {
  // alert( "ZeroClipboard SWF is ready!" );
      client.on( "aftercopy", function( event ) {
          // `this` === `client`
          // `event.target` === the element that was clicked
          event.target.style.display = "none";
          alert("Copied text to clipboard: " + event.data["text/plain"] );
      });
  });
}

addCopyHandler("copy-1");
addCopyHandler("copy-2");

然后您可以添加一个循环

for(var i = 1; i <= 10; i++) {
  addCopyHandler("copy-" + i);
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29578635

复制

相似问题

问优化多个元素的Javascript
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问优化多个元素的JavascriptEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问优化多个元素的Javascript
EN