Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
针对多个元素优化Javascript_Javascript_Html - Fatal编程技术网

针对多个元素优化Javascript

针对多个元素优化Javascript,javascript,html,Javascript,Html,我需要优化这个Javascript实现,这样我就不会为需要调用Javascript的每个元素复制脚本 下面的代码就是我目前所拥有的——我需要为每个元素调用Javascript,并使用类名称copy 你可以使用一个函数 function addCopyHandler(id) { var client = new ZeroClipboard( document.getElementById(id) ); client.on( "ready", function( readyEvent ) {

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

下面的代码就是我目前所拥有的——我需要为每个元素调用Javascript,并使用类名称copy


你可以使用一个函数

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);
}

document.querySelector.copy?@SimonH这将是queryselectoral
for(var i = 1; i <= 10; i++) {
  addCopyHandler("copy-" + i);
}