html+js,兼容iphone和安卓的复制到剪切板功能

2023-11-04

剪切板## 兼容iphone## 兼容安卓

html

<div data-clipboard-text="123456" onclick="xs(this)"></div>//演示
<div id="cs"></div>

js

<script>
    function xs(this1){    
        var ordersn2 = $(this1).attr('data-clipboard-text');
        document.getElementById("cs").innerHTML=ordersn2;
        if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {//区分iPhone设备
            window.getSelection().removeAllRanges();//这段代码必须放在前面否则无效
            // var Url2=document.getElementById("biaoios");//要复制文字的节点
            var Url2=document.getElementById("cs");//要复制文字的节点
            // alert(Url2);
            var range = document.createRange();
            // 选中需要复制的节点
            range.selectNode(Url2);
            // 执行选中元素
            window.getSelection().addRange(range);
            // 执行 copy 操作
            var successful = document.execCommand('copy');
        // alert(successful);
            // 移除选中的元素
            window.getSelection().removeAllRanges();
        }else{
                    //先copy
            var ordersn = $(this1).attr('data-clipboard-text');
            var oInput = document.createElement('input'); 
            oInput.value = ordersn;
            document.body.appendChild(oInput);
            oInput.select(); // 选择对象
            var valueLength = ordersn.length;
            document.execCommand("Copy"); // 执行浏览器复制命令
        }
    }
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

html+js,兼容iphone和安卓的复制到剪切板功能 的相关文章

  • 何时使用
    换行符 vs CSS 定位?

    我经常想知道如何正确使用 br 越线 似乎它们经常被错误地用于定位或清除应该使用 CSS 的内容 W3schoools org 说使用 br 适用于空白行 但不适用于创造或分离 http www w3schools com tags tag
  • 按下了哪个提交按钮?

    在这个jsfiddle中 http jsfiddle net littlesandra88 eGRRb http jsfiddle net littlesandra88 eGRRb 我是否提交了自动生成的按钮 每个表行都有一个唯一的 ID
  • 将 DOCTYPE 添加到 Scala XML 的最简单方法?

    我怎样才能在 Scala XML 中制作这个最小的 HTML5 p p 当然 在 Scala 中制作类似 HTML 的 XML 很简单 gt val html p p html scala xml Elem p p 但是 我怎样才能注入DO
  • 允许指针(单击)事件穿过元素,同时保持滚动功能

    我的目标是拥有一个允许 下面要点击 交互的元素 滚动 众所周知 1 的解是pointer events none 这正如中所描述的单击 DIV 到底层元素 https stackoverflow com questions 3680429
  • 滚动时静态标题

    我编写了一个主页 现在我正在尝试构建一个标题 该标题是静态的 就像在滚动内容时不滚动一样 当内容位于其下方时 它应该保持在顶部 我找到了这个解决方案here https stackoverflow com questions 9677894
  • 如何使用 PHP 从 MySQL 查询中按升序对值进行排序?

    我使用以下 PHP 脚本从 MySQL 表中获取和更改数据 并将结果打印在 HTML 表中 我希望按升序对数据进行排序 utilization percentage变量 它是由创建的 total client time total avai
  • HTML / CSS 如何将图像图标添加到输入类型=“按钮”?

    我使用下面的 CSS 但它将图像放在按钮的中心 使用任何方式左对齐或右对齐图标
  • 响应式菜单:悬停子菜单显示错误

    简而言之 我根据教程创建了一个响应式菜单 当您将鼠标悬停在投资组合按钮上时 菜单应该显示子菜单 而在移动模式下 您需要按该按钮才能显示子菜单 效果很好 问题是该教程有一个错误 如果您在桌面模式下按组合按钮 子菜单将不会再次显示 除非您按 单
  • Bootstrap 列中的标题高度相同

    我有这样的 html bootstrap css div class container div class row div class col xs 6 col div class block div class title strong
  • 如何使用 HTML CSS JS 创建滑块/切换来更改屏幕上的字体大小 [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 is there any way I can make this gt 所以我想制作一个滑块 切换器 用户可以拖动 滑动它来改变不同的
  • POST 表单数据为 application/json

    我正在开发一个 API 它接收 application json post 请求 并触发一些流程 我目前的主要问题是发送一个 application json 帖子 其中包含来自输 入表单的数据 我已经尝试过 jQuery ajax 但由于
  • 将客户端生成的响应作为下载进行流式传输,无需 Service Worker

    假设我有一个在客户端生成的大文件 我希望允许用户将其保存到他们的硬盘驱动器上 通常的方法是创建一个 Blob 然后为其创建一个对象 URL const blob new Blob chunks type application exampl
  • 为什么连字符 (-) 分隔的类名在 CSS 中广泛使用 [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 在浏览了一些网站和其他一些广泛使用的插件和框架中包含的一些 CSS 文件时 发现它们广泛使用连字符分隔的单词作为类名 实际上使用这样的类名有什么
  • ExitFullScreen 不起作用 + 无论如何要按键盘单击按钮?

    我的浏览器 Google Chrome 版本 33 0 1750 154 m Script function exitFullscreen var element document documentElement if element mo
  • 有什么方法可以在不重新加载的情况下更改标头 URL? [复制]

    这个问题在这里已经有答案了 可能的重复 修改URL而不重新加载页面 https stackoverflow com questions 824349 modify the url without reloading the page 使用新
  • 如何在缩放动画中保持原点位于图像中心?

    我有类似的情况fiddle https jsfiddle net ddvn3p1h 3 其中我有一个 CSS3 动画 可以缩放绝对定位在另一个元素中心的元素 但是 当动画发生时 它会偏离中心 如示例中相对于蓝色的红色方块所示 我如何将其居中
  • 如何反转媒体查询中元素的顺序?

    我有两个 div 左和右 但是当屏幕小于 500px 时 左 div 成为底部 div 右 div 成为顶部 div DOM 中的第一个 div 应该显示为第二个 第二个 div 为第一个 I use display flex 然后 div
  • iframe 位置居中

    所以我找到了这段用于将内容放在中心的代码 但我的问题是它是为容器制作的 你知道如何为 iframe 制作它吗 或者你知道另一个代码吗 代码 center margin auto width 60 border 3px solid 73AD2
  • 两个 div 之间的匿名空白

    这里是Fiddle http jsfiddle net y6hSV 1 我有两个divs一个用于标题 另一个用于主体 在 的里面div这是标题 我还有另一个div那个 div 是floated left 因为那个floating 两者之间出
  • 右列固定的 Div 表

    我最近接手了一个非营利网站作为一个项目 我正在使用一个现有的网站 所以我必须使用很多已经编程的东西 所以我所要做的就是创建设计 I made a diagram of basically what I can t figure out ho

随机推荐

  • 一个简单音乐播放器的java实现(一)

    写在前面 这几天正在读head first系列的书籍 现在正好读的是java 这本书讲的深入浅出 环环相扣 非常精彩 不妨安利给大家 顺便把我学习过程中的一些心得体会已经实例分享出来 1 一个最简单音乐播放器的需求 我们需要四样东西 1 播
  • 【AlexNet论文精读以及代码复现以及训练结果】

    AlexNet论文精读以及代码复现 三遍读一篇论文的方法 李沐 1 标题 gt 摘要 gt 结论 gt 关键的图表 2 从标题开始读到最后 太过于细节部分可以先放一下 搞清楚重要的图标的细节 3 第三遍要弄清楚每句话在干嘛 搞清楚细节 并且
  • 操作系统课程实践5_进程通信

    一 实验目的 1 初步了解Linux环境下进程创建和进程间通信的机制 2 掌握如何利用消息和共享内存进行通信的原理 3 利用POSIX API函数编写实例程序 4 实现父子进程间通过消息传递和共享内存方式进行通信 二 实验内容 编制两个程序
  • 独家专访LAION创始人:高中生与科学家同酬,Discord上一呼百应

    在LAION 大家都是无偿的 我们不像公司雇佣员工 所以我们不会付钱 一旦你开始付钱 就会有这样的讨论 高中生应该拿多少工资 谷歌的高级工程师应该拿多少工资 我已经有足够的钱过上好日子了 现在税后月收入4500欧元 2000欧元用来付房租
  • 华为商城官网下单工具

    华为mate60新机一经发布 就一机难求 研究华为商城手机下单代码 抓包分析 经过几天时间 下单搞定 先打开辅助登录工具 任意选定一款产品 登录商城 并点击立即下单到订单确认页 直到登录工具检测到登录信息 登录成功后 即可关闭辅助登录工具
  • Android:自动点击屏幕

    在开发的过程中会遇到自动测试功能 比如如何自动点击按钮进行测试 当然可以使用按键精灵等工具进行测试 不过如何在程序进程中测试呢 下面就介绍下adb shell的操作 通过shell进行点击等操作 1 模拟滑动 input swipe sta
  • FPGA project : usrt_rs232

    module uart rx parameter UART BPS d9600 CLK FREQ d50 000 000 input wire sys clk input wire sys rst n input wire rx outpu
  • 查看nginx安装位置

    您可以使用以下命令来查找nginx的安装位置 which nginx 该命令将输出nginx二进制文件的路径 默认情况下 nginx二进制文件通常位于 usr sbin nginx 您还可以使用以下命令来查找nginx配置文件的位置 ngi
  • redis五种数据类型对应的底层数据结构

    redis五种数据类型对应的底层数据结构 redis的五种数据类型 redis核心对象redisObject type数据类型 encoding编码类型 ptr指针 redis五种数据类型对应的底层数据结构 String字符串类型 SDS
  • linux命令行正确退出_从命令行正确执行所有操作

    UNIX 命令行是WYTIWYG界面 也就是说 您输入的就是您得到的 UNIX提供了数百个 甚至数千个 命令 您可以使用这些命令来操纵内核和用户空间中的各种可用资源 需要监控CPU使用率吗 尝试top或ps 是否需要删除所有以 bak结尾的
  • 基于个性化推荐技术的大数据课程推荐 个性化课程资料知识推荐系统

    基于个性化推荐技术的大数据课程推荐 个性化课程资料知识推荐系统 源码获取 https www bilibili com video BV1Ne4y1g7dC 基本任务 本次课题是基于个性化推荐技术的大数据课程个性化推荐系统 目的是给学生提供
  • windows中启动 java -jar 后台运行程序

    第一种需要一直开着dos界面 java jar jar文件路径 第二种无需一直开着dos界面 1 新建my service bat文件 内容如下 echo off START my service javaw jar science 0 0
  • 代理IP和Socks5代理:跨界电商与爬虫的智能引擎

    跨界电商 作为全球市场的一部分 对数据的需求越来越大 同时 随着互联网的发展 爬虫技术也在不断演进 成为了跨界电商的关键工具之一 然而 随之而来的是网站的反爬虫机制和网络安全风险 在这种情况下 代理IP和Socks5代理应运而生 为企业提供
  • 后台管理系统 一 登录模块

    目录 模板介绍 项目目录 环境变量 登录业务 完成静态组件 vuex js cookie 第三方库 书写api axios的二次封装 解决代理跨域问题 项目地址 https gitee com childe jia background s
  • ios7 UIAnimation

    视图1 UIView rootview01 UIView alloc init rootview01 tag 101 rootview01 frame CGRectMake 0 20 320 460 rootview01 backgroun
  • Maven + Eclipse + Android 环境搭建

    Android官方开发团队致力于为Ecilpse插件提供可靠的支持 而android maven plugin致力于将Maven Android和Eclipse串联在一起 m2e android是一个 Maven Integration f
  • Java中修饰符的作用

    1 访问控制修饰符 作用 用于控制被修饰变量 方法 类的可见范围 public的访问级别是最高的 其次是protected 默认和private 成员变量和成员方法有四个访问级别 公开 受保护 默认 私有 存在继承关系时 父类不可以priv
  • 业务流程图怎么画?一篇文章看懂

    今天从以下 2 个方面来详细拆解业务流程图 业务流程图的定义 业务流程图的绘制 一 业务流程图的定义 业务流程图是一种描述系统内各单位 人员之间业务关系 作业顺序和管理信息流向的图形图标 根据业务类型的不同 图形呈现上会有差异 分析业务流程
  • 【华为OD机试真题2023B卷 JAVA&JS】树状结构查询

    华为OD2023 B卷 机试题库全覆盖 刷题指南点这里 树状结构查询 知识点递归哈希表 时间限制 1s 空间限制 256MB 限定语言 不限 题目描述 通常使用多行的节点 父节点表示一棵树 比如 西安 陕西 陕西 中国 江西 中国 中国 亚
  • html+js,兼容iphone和安卓的复制到剪切板功能

    剪切板 兼容iphone 兼容安卓 html div div 演示 div div js