代码参考--点击文本，即可复制

最新推荐文章于 2024-07-08 06:48:48 发布

SFT=小苏

最新推荐文章于 2024-07-08 06:48:48 发布

阅读量1.5k

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/SFT_xu/article/details/106017694

版权

本文介绍如何使用HTML5实现点击文本即可复制的功能，尤其适用于页尾的联系方式，提供便捷的复制体验，避免手动选择和调整光标位置。

摘要由CSDN通过智能技术生成

这里写自定义目录标题

代码参考--点击文本，即可复制
- 案例

代码参考–点击文本，即可复制

关于需求，对于页尾中经常涉及联系方式，想要一个点击文本即可复制的功能，这样很方便，就不用进行选择复制了，不同手机不同浏览器要去选择它还要移动光标什么的。

案例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div>
        <p>小苏：<p onclick="copyMe(this)" >789456123</p>
        </p>
    </div>
</body>
<style>
    .move {
   
        position: fixed