JS：单击时复制图像alt属性

Question

所以这是"copy text string on click"问题的绝迹！

这是我在点击它时用来复制alt图像的代码

function copy(that){
    var inp =document.createElement('input');
    document.body.appendChild(inp)
    inp.value =that.textContent
    inp.select();
    document.execCommand('copy',false);
    inp.remove();
  }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js">
    </script>
<span onclick="copy(this)">
  <img 
    style="width:100px;" 
    draggable="false" 
    class="emoji" 
    alt="" 
    src="https://s.w.org/images/core/emoji/2.4/svg/1f600.svg">
</span>

脚本将在您单击时复制文本， 需要对其进行修改，以便将图像alt复制到剪贴板。

Answer 1

that的{​​{1}}参数是copy()元素。

1. 带上第一个孩子（span）：img
2. 选择that.children[0]
3. 您的其余代码很好并且有效。
＆＃13;
＆＃13;
img.getAttribute("alt")
＆＃13;
function copy(that){
  var inp = document.createElement('input');
  var alt = that.children[0].getAttribute("alt");
  console.log("Copy:", alt);
  document.body.appendChild(inp)
  inp.value = alt
  inp.select();
  document.execCommand('copy',false);
  inp.remove();
}
＆＃13;
＆＃13;
＆＃13;