手机端实现点击复制功能

function Copy(str){
    var save = function(e){
        e.clipboardData.setData(‘text/plain‘, str);
        e.preventDefault();
    }
    document.addEventListener(‘copy‘, save);
    document.execCommand(‘copy‘);
    document.removeEventListener(‘copy‘,save);
    alert(‘复制成功!‘);
}
$(‘#cardList‘).on(‘click‘, ‘div.btn‘, function(){
    Copy($(this).prev(‘div‘).find(‘span.code‘).text());
});

  

时间: 2024-10-13 11:16:57

手机端实现点击复制功能的相关文章

dede手机端首页点击文章内容、列表,却跳到pc端

手机访问到手机端首页,点击列表.内容.图片等都跳到pc端,是什么原因? 查看m模板里面的index.html文件生成的代码是绝对路径(数字随机)13.html 而不是view.php?aid=13 解决办法是什么? 首先在templets--------default---------找到index_m.html 打开index_m.html文件,查看调用代码 [field:arcurl /]这个调用代码是调用pc端的,只要换成view.php?aid=[field:id/]就可以正常跳转到手机

JS 插件 fastclick.js 解决手机端click点击延迟

fastclick.js 什么用 加快手机的反映速度,测试是可以用的,很快... fastclick的js FastClick 是一个简单,易于使用的JS库用于消除在移动浏览器上触发click事件与一个物理Tap(敲击)之间的300延迟.它支持以下浏览器:Mobile Safari on iOS 3 and upwardsChrome on iOS 5 and upwardsChrome on Android (ICS)Opera Mobile 11.5 and upwardsAndroid B

手机端上点击input框软键盘出现时把input框不被覆盖,显示在屏幕中间

1  用定位为题来解决var oHeight = $(document).height(); //浏览器当前的高度      $(window).resize(function(){ if($(document).height() < oHeight){                 $("#footer").css("position","static");    }else{                 $("#foot

html5手机端的点击弹出侧边滑动菜单代码

效果预览:http://hovertree.com/texiao/html5/19/ 本效果适用于移动设备,可以使用手机等浏览效果. 源码下载:http://hovertree.com/h/bjaf/mwvn0mxi.htm 本实例用到了toggleClass方法,请参考:http://hovertree.com/h/bjaf/attributes_toggleclass.htm 代码如下: 1 <!doctype html> 2 <html lang="zh">

问题8:手机端实现点击按钮时更换颜色(解决IOS不显示背景)

CSS: .sval:active, .sval:focus{ background: #999;color:#fff;opacity:50; } 在触屏上,:hover和:active也不是直接就起到作用的,这里要借助一个小小的hack,在html的body中(或者目标元素上)添加 ontouchstart="" ,来邪恶地诱使WebView监听touch事件. HTML: <body ontouchstart=""> 或:javaScript: &l

安卓手机端实现点击电话号码,出现拨打、复制、保存到通讯录

<a href="tel://110 ">拨打电话</a> 这个在安卓可以实现三种功能,但是在苹果手机,只能实现拨打功能 <a style="color:#0096ff;" :href="'tel://'+item.mobile">{{item.mobile}}</a> 在vue组件内循环列表的时候,需要对href进行绑定并对后面进行拼接 原文地址:https://www.cnblogs.com/x

mui 时间日期控件(浏览器上无法查看,在手机端可以点击)

<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <link href="css/mui.mi

手机端 — 点击图片全屏查看

在公众号中提交服务需求工单后,经过"待分配"."待执行"."执行中"."待验收" 这些阶段后,需要验收人提交评论上传图片才能变成"已完成". 做好后新增点击图片全屏查看的需求,刚开始使用的方法能够做到,但是由于 jquery 的版本冲突,所以不得已换了现在的方法. <div class="add_photo" style="margin-top: 1000px;"

移除手机端a标签点击自动出现的边框和背景

手机端a标签会自动补充出现边框或者背景,使得用户知道a标签的点击状态,但样式很不好看 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>我的生活</title> <meta name