js实现粘贴板功能

第一次写博客,js实现粘贴板方式有document.exeCommad,window.clipboardData的setData方法,还有使用ZeroClipboard插件

1:通过document提供的exeCommad方法实现粘贴板功能 

优点不需要引用外部插件

  • google浏览器(兼容)
  • IE浏览器(兼容)
  • 火狐(兼容)

html>
lang="en">

    charset="UTF-8">
    </span><span style="font-family:Consolas;">Title</span><span style="font-family:Consolas;color:rgb(232,191,106);">


type="button" onClick='copyUrls(this)' value="方式二">



exeCommad 还有很多方法,待续

2:window.clipboardData的setData方法 

  • google浏览器(不兼容)
  • IE浏览器(兼容
  • 火狐(不兼容)

html>
lang="en">

    charset="UTF-8">
    </span><span style="font-family:Consolas;">Title</span><span style="font-family:Consolas;color:rgb(232,191,106);">



type="button" onClick='copyUrl()' value="方式一">


3:通过插件clipboard方式实现 https://github.com/zenorocha/clipboard.js

html>
lang="en">

    charset="UTF-8">
    </span>Title<span style="color:#e8bf6a;">
    



type="button" onClick='copyUrls3(this)' value="方式三" class="btn">



  • google浏览器(不兼容)
  • IE浏览器(兼容)
  • 火狐(不兼容)
后续加上各个版本的优缺点

你可能感兴趣的:(js实现粘贴板功能)