h5实现长按复制文本_ios13如何复制链接

h5实现长按复制文本_ios13如何复制链接前段时间有位朋友让帮忙做一个手机h5页面长按复制的功能,先上图安卓实现起来没问题,有时候ios会报错,无奈手边也没有iPhone手机,折腾了好几次才完成,直接上关键代码<scriptsrc=”js/jquery.ui.draggable.js”type=”text/javascript”></script><scripttype=”text/…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

前段时间有位朋友让帮忙做一个手机h5页面长按复制的功能,先上图

h5实现长按复制文本_ios13如何复制链接

 安卓实现起来没问题,有时候ios会报错,无奈手边也没有iPhone手机,折腾了好几次才完成,直接上关键代码

<script src="js/jquery.ui.draggable.js" type="text/javascript"></script> 
<script type="text/javascript">
var clipboard = new Clipboard("#copy");
clipboard.on('success', function(e) {
	var u=navigator.userAgent,app=navigator.appVersion;

	var isAndroid=u.indexOf('Android')>-1||u.indexOf('Linux')>-1;//android终端或者uc浏览器

	var isiOS=!!u.match(/\(i[^;]+;(U;)?CPU.+MacOSX/);//ios终端

	if(isAndroid){
		//$("#choose").attr('capture','camera');
		jAlert('淘口令复制成功!打开手机淘宝即可领取','');
	}
	else{
		clipboard.on('success', function(e) {
			jAlert('淘口令复制成功!打开手机淘宝即可领取','');
		});
		clipboard.on('error', function(e) {
		alert('请长按选择框进行复制!')
		});
	}
	
});

clipboard.on('error', function(e) {
    alert("淘口令复制失败!请重试!");
});

function select(){
    var doc = document,   
        text = doc.getElementById("keywords"),  
        range,   
        selection;  
    if (doc.body.createTextRange) { 
        range = document.body.createTextRange();  
        range.moveToElementText(text);  
        range.select();  
    } else if (window.getSelection) {  
        selection = window.getSelection();          
        range = document.createRange();  
        range.selectNodeContents(text);  
        selection.removeAllRanges();  
        selection.addRange(range);   
    }else{  
        alert("当前浏览器不支持点击复制功能");  
    }
}


</script>

如果有想看源码的朋友可以留言或者自己下载:

https://download.csdn.net/download/yan88888888888888888/11149913

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/187974.html原文链接:https://javaforall.net

(0)
上一篇 2026年4月17日 下午11:13
下一篇 2026年4月17日 下午11:19


相关推荐

  • GetTickCount 和getTickCount[通俗易懂]

    GetTickCount 和getTickCount[通俗易懂]GetTickCount:正常读取时间函数getTickCount:不知道是什么鬼东东函数都包含在windows.h中。。运行出的结果天壤之别~~~转载于:https://www.cnblogs.com/Daringoo/p/4503565.html…

    2025年7月10日
    5
  • 基于单片机的八路抢答器的设计与实现_基于单片机的三路抢答器设计

    基于单片机的八路抢答器的设计与实现_基于单片机的三路抢答器设计1.设计要求:1.以单片机为核心,设计一个八位竞赛抢答器:同时供八名选手或八个代表队比赛,分别用八个按钮S0~S7表示。2.设置一个系统清除和抢答控制开关S,开关由主持人控制。3.抢答器具有锁存与显示功能。即选手按按钮,锁存相应的编号,并在优先抢答选手的编号一直保持到主持人将系统清除为止。4.抢答器具有定时抢答功能,且一次抢答的时间由主持人设定(如30秒)。5.当主持人启动“开始”键后,定时器进行减计时,同时扬声器发出短暂的声响,声响持续的时间为0.5s左右。6.参赛选手在设定的时间

    2022年10月9日
    4
  • 为什么我们要面向接口编程?!

    为什么我们要面向接口编程?!到底面向 编程面向过程编程 ProcedureOri 简称 PO 和面向对象编程 ObjectOrient 简称 OO 我们一定听过 然而实际企业级开发里受用更多的一种编程思想那就是 面向接口编程 Interface Oriented 接口这个概念我们一定不陌生 实际生活中最常见的例子就是 插座 我们只需要事先定义好插座的接口标准 各大插座厂商只要按这个接口标准生产

    2026年3月19日
    2
  • 什么是 反向代理

    什么是 反向代理什么是反向代理一 反向代理的定义理解思路 无代理 gt 正向代理 gt 反向代理 无代理 与有代理区别为 主要表现 过滤不同 映射不同 权限不同 过滤 使用代理 可以对外界或内部的 Internet 地址进行过滤 映射 使用代理 多个用户使用代理访问外界时 只映射为一个 IP 地址 权限 使用代理 外界不能直接访问到内部网 同时限制内部网对外部的访问权限 无代理 无以上特征 正向代理 内部网络用户向外网发送请求 正向代理即通常所说的代理 用于代表内部网络用户向 Intern

    2025年11月19日
    5
  • Claude Code 最佳实践:从聊天机器人到工程协作者的蜕变之路

    Claude Code 最佳实践:从聊天机器人到工程协作者的蜕变之路

    2026年3月14日
    3
  • 国内怎么用谷歌NanoBanana?2025超全保姆级教程,附免费直达网址

    国内怎么用谷歌NanoBanana?2025超全保姆级教程,附免费直达网址

    2026年3月13日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号