Question

html怎么实现按钮复制内容，如下图

Answer 1

要用js实现

      var clipboard = function (window, document, navigator) {
          var textArea, copy;

          function isOS() {
              return navigator.userAgent.match(/ipad|iphone/i);
          }

          function createTextArea(text) {
              textArea = document.createElement('textArea');
              textArea.value = text;
              document.body.appendChild(textArea);
          }

          function selectText() {
              var range, selection;

              if (isOS()) {
                  range = document.createRange();
                  range.selectNodeContents(textArea);
                  selection = window.getSelection();
                  selection.removeAllRanges();
                  selection.addRange(range);
                  textArea.setSelectionRange(0, 999999);
              } else {
           游漏段       textArea.select();
              }
          }

          function copyToClipboard() {
              document.execCommand('copy');
              document.body.removeChild(textArea);
          }

          copy = function 搜唯copy(text) {
              createTextArea(text);
              selectText();
              copyToClipboard();
          };

        神誉  return {
              copy: copy
          };
      }(window, document, navigator);

用法：

clipboard.copy('222');

Answer 2

用一段代码就可以了