Yijen's blog

關於部落格
繪圖 | 食記 | Web前端技術 | HTML | CSS | JavaScript 研究
  • 324196

    累積人氣

  • 60

    今日人氣

    0

    訂閱人氣

copy to clipboard javascript (純 JS 複製到剪貼簿功能)

JS

var copyEmailBtnDemo = document.querySelector(".js-emailcopybtn");  
copyEmailBtnDemo.addEventListener("click", function(event) {  
  var emailLink = document.querySelector(".js-emaillink");  
  var range = document.createRange();  
  range.selectNode(emailLink);  
  window.getSelection().addRange(range);  

  try {  
    var successful = document.execCommand("copy");  
    var msg = successful ? "successful" : "unsuccessful";  
    console.log("Copy email command was " + msg);  
  } catch(err) {  
    console.log("Oops, unable to copy");  
  }  

  window.getSelection().removeAllRanges();  
});

Demo

hanasan38.yam@gmail.com

Compatibility 相容性

  • Chrome
  • Firefox
  • IE10

References

文章前方提到的 JavaScript 套件是 ZeroClipboard 目前更新到的版本是 v2.x, 有興趣的朋友也可以前往這裡來看一下。

相簿設定
標籤設定
相簿狀態