如何使用javascript或jquery

时间:2016-08-13 11:26:40

标签: javascript jquery

通过使用类似的id我想复制到剪贴板方法而不需要点击按钮。 是否可以只用id / class做到这一点? 如果可能,任何人都可以给我这个方法的解决方案吗? 我几乎尝试了几种方法来做到这一点,但它不起作用。

  <html>
     <script src="jquery-1.8.3.min.js"></script>
   <head>
 <style>
   #tooltip{display: none;position: absolute;cursor: pointer;top:50px;border: solid 1px #eee;background-color:black;padding: 10px;z-index: 1000;color:white;}
 </style>
 </head>
 <span id="mytext">This is Example1</span>
 <span id="mytext">This is Example2</span>
    <input id="copy_btn" type="button" value="copy">
 <div id="tooltip">copied.</div>
 <script>
   var copyBtn = document.querySelector('#copy_btn');
      copyBtn.addEventListener('click', function () {
    var urlField = document.querySelector('#mytext');
    var range = document.createRange();
    range.selectNode(urlField);
    window.getSelection().addRange(range);
    document.execCommand('copy');
    }, false);
  </script>
<script>
    $(document).ready(function() {
    $("#copy_btn").click(function(evt) {
        evt.preventDefault();
      $("#tooltip").show();
      $("#tooltip").hide(3000);
       });
     });
</script>

1 个答案:

答案 0 :(得分:0)

你可以这样做。对于mytext,从id更改为class;

var myTextElements = $(".mytext");

var myTextContents = [];
myTextElements.forEach(function(ele,ind){myTextContents.push($(ele).text();)});