html点击复制指定内容(点击按钮复制当前网址)

  • A+
所属分类:其他源码

html点击复制指定内容(点击按钮复制当前网址),今天在优化下载插件的时候发现需要密码下载的文件,密码还需要手动复制粘贴感觉太麻烦了,找了很多JS实现自动复制的文章很多都要调用clipboard插件才能实现,这款不需要调用clipboard插件就可以实现。

1.首先添加复制按钮

<button id="copyBT">复制</button>

2.添加要复制的内容块,不止复制P标签内容,把id加到那个标签复制那个标签的内容。

<p id="copy">小辉博客</p>

3.最后把这几行js加上就行了,点击复制按钮会弹窗提示复制成功。

  • 我的微信公众号
  • 扫一扫关注
  • weinxin
  • 我的新浪微博号
  • 扫一扫关注
  • weinxin
小辉博客

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: