精华内容
下载资源
问答
  • 项目需要写一个上拉加载页面页面中的物流信息需要可复制粘贴,同时需要兼容到ios9和安卓4.0.0, 经过大量搜索,最终使用clipboard。代码如下 <p class="wldh">物流单号:中通 123904040209 <i class=...
    • 项目使用jquery框架
    • 纯h5复制粘贴
    • 解决了iscroll4阻止所有默认事件,长按无法弹出复制菜单

    项目需要写一个上拉加载页面,页面中的物流信息需要可复制粘贴,同时需要兼容到ios9和安卓4.0.0, 经过大量搜索,最终使用clipboard。代码如下

    <p class="wldh">物流单号:中通 123904040209
        <i class="copy copytkl_btn" data-clipboard-text="复制的内容" onclick="copyToBoard()">复制</i>
    </p>
    复制代码
    function copyToBoard(mytext){
      var copyBtn = new ClipboardJS('.copy');
      copyBtn.on("success",function(e){
        mui.toast('复制成功', {});
        e.clearSelection();
      });
      copyBtn.on("error",function(e){
        //复制失败;
        mui.toast('复制失败,请长按复制', {});
    	console.log( e.action );
      });
    }
    复制代码

    效果如图

    在安卓和ios主流机型都正常,但是在ios9和华为荣耀某些机型(安卓4.0.0)无法复制,弹出'复制失败,请长按复制'语句

    解决方案{纯css可解决)

    //长按复制内容一定要p标签
    p的父元素{
        -webkit-user-select:text;
    }
    p{
        -webkit-user-select:text;
        -moz-user-select:text;
        -ms-user-select:text;
        user-select:text;
    }
    复制代码

    但是页面使用了iscroll4(上拉加载),屏蔽了页面所有的默认事件导致长按无法弹出复制菜单。转换iscroll5的成本略高,且页面的流畅程度不如iscroll4。
    根据www.bbsmax.com/A/6pdD1xjRzw 改了iscroll4源码,源码链接如下 https://pan.baidu.com/s/1LpIPyO5OqEZxHUrJ6C5Pcw 提取码: 1vbp

    修改的页面如下

    preventDefaultException:".wldh|.posdetail|.sqtime|.zftime"
    复制代码

    增加到上拉加载页面中

        //上拉加载
        if (document.getElementById("wrapper1") != null) {
    		var myscroll = new iScroll("wrapper1", {
    			preventDefaultException:".wldh|.posdetail|.sqtime|.zftime",
    			onScrollMove: function () { //拉动时
    				//上拉加载
    				if (this.y < this.maxScrollY - 50) {
    				$("#wrapper1 .pull-loading").html("释放加载");
    				$("#wrapper1 .pull-loading").addClass("loading");
    				} else {
    				$("#wrapper1 .pull-loading").html("上拉加载");
    				$("#wrapper1 .pull-loading").removeClass("loading");
    				}
    			},
    			onScrollEnd: function (e) { //拉动结束时
    				//上拉加载		
    				if ($("#wrapper1 .pull-loading").hasClass('loading')) {
    				$("#wrapper1 .pull-loading").html("加载中...");
    				pullOnLoad1(); //调用方法获取数据
    				}
    			}
    		});		
        }
    复制代码

    PS:也是摸索很久才找到的方案,希望能帮助到你们。

    转载于:https://juejin.im/post/5d0aed60e51d45777540fdc2

    展开全文
  • clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中 1、引入JS文件:&lt;script src="...

    clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中 

    1、引入JS文件:

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>

    2、HTML代码

    <input name="content" id="content" value="这里是需要复制的内容">
    <button class="btn btn-sm btn-purple" id="copybtn" data-clipboard-action="copy" data-clipboard-target="#content">复制</button>

    3、JS代码初始化插件

    <script>
        var clipboard = new ClipboardJS('#copybtn');
            clipboard.on('success', function(e) {
                alert('复制成功');
            });
    
            clipboard.on('error', function(e) {
                alert('复制失败');
            });
        </script>

    展开全文
  • 小伙伴们在开发的时候偶尔会遇到这样的需求,客户要求文章页禁止复制粘贴,实现这个功能代码如下 (可同时实现PC端和手机端): *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:...

    小伙伴们在开发的时候偶尔会遇到这样的需求,客户要求文章页禁止复制和粘贴,实现这个功能代码如下 (可同时实现PC端和手机端):

    *{
    
    -webkit-touch-callout:none; /*系统默认菜单被禁用*/
    
    -webkit-user-select:none; /*webkit浏览器*/
    
    -khtml-user-select:none; /*早期浏览器*/
    
    -moz-user-select:none;/*火狐*/
    
    -ms-user-select:none; /*IE10*/
    
    user-select:none;
    
    }
    

    在添加完这段代码后,在IOS 上会有问题的,这个时候你会发现input 框无法正在输入了内容了;造成这个原因就是 -webkit-user-select:none; 这个属性造成的。

    解决这个方法 就是 在css 文件中同时设置一下input 的属性,如下所示:

    input {
    
    -webkit-user-select:auto; /*webkit浏览器*/
    
    }

     

    展开全文
  • 解决方法如下所示: 直接在CSS 文件中添加下面的代码,就可以实现了在手机端禁止粘贴复制的功能: XML/HTML Code复制内容到剪贴板 *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-...
  • 打开文字识别工具(迅捷PDF转换器),点击图片文字识别——图片文字识别,然后点击选择文件,导入截图图片,图片导入成功,点击开始识别,等待一会儿,识别成功,你就可以复制粘贴文字了,很方便吧。
  • "。因为ios不单纯支持on   ...复制人内内容&lt;/span&gt; &lt;span class="sccn-list-share" data-clipboard-target="#logistics_no" onclick="&qu

    在你点击的元素上加一个空点击事件:οnclick=""。因为ios不单纯支持on

     

    <span id='logistics_no' style='color:#fff'>复制人内内容</span>
    
    <span class="sccn-list-share" data-clipboard-target="#logistics_no" οnclick="">复制</span>

     

     

        //复制
        function clipboard()
        {
            var clipboard = new ClipboardJS('.sccn-list-share');
            clipboard.on('success', function(e) {
                //console.info('Action:', e.action);
                //console.info('Text:', e.text);
                //console.info('Trigger:', e.trigger);
    
                e.clearSelection();
    
                //提示
                layer.open({
                    content: '复制成功'
                    ,skin: 'msg'
                    ,time: 1
                });
            });
    
            clipboard.on('error', function(e) {
                //console.error('Action:', e.action);
                //console.error('Trigger:', e.trigger);
            });
        }

     

    展开全文
  • 我们在项目中,通常为了保证数据安全性和保护用户个人信息,个别页面需要禁用右键、复制粘贴以及输入框自动填充的功能,所以在此补充和总结几条我们开发中常用的 JavaScript 事件操作方式。
  • 不允许网页复制粘贴

    2014-07-30 17:00:34
    在网页中,限制复制粘贴、剪切功能,屏蔽鼠标右键(即禁止快捷键),对于整个页面,表单均可用!
  • 智慧树如何复制粘贴

    千次阅读 2020-07-03 06:49:24
    智慧树如何复制粘贴
  • 很多人玩IntelliJ IDEA最痛苦的事件莫过于安装上去复制粘贴失效,我特自写了一个文档来解决。
  • 项目要求可以复制excel中的数据,然后粘贴页面table中,网上很多插件,这个也是参考别人的插件,自己整理的,仅供参考
  • 今天手残,不小心动了eclipse中某个设置,导致复制粘贴快捷键快捷键全变了(变 alt+w 啥的)。 到网上去找答案,说是重启eclipse,妈蛋的,骗子。 不说了直接上图,解决问题。 scheme:defualt (正确)
  • 网页怎么解除粘贴复制

    千次阅读 2019-02-08 18:16:37
    一、解除粘贴 首先我们看到该网页是进制粘贴的...二、解除复制。 这个可以禁用该网页的JavaScript来实现。 打开浏览器的设置。 找到高级设置中的内容设置。 点开JavaScript界面的设置,然后禁止中添加你要禁用的...
  • flutter复制粘贴

    千次阅读 2020-07-02 17:57:24
    //复制粘贴 class ClipboardUtil { //复制内容 static setData(String data) { if (data != null && data != '') { Clipboard.setData(ClipboardData(text: data)); } } //复制内容 static ...
  • linux命令交互页面如何快速复制粘贴

    万次阅读 2019-02-23 10:16:33
    shift + ctrl + c 复制 shift + ctrl + v 粘贴 选中需要复制的内容,shift + ctrl + c 然后再命令行输入 shift + ctrl + v  
  • Java项目,在MyEclipse中跑,没什么要求, 没有一句Java代码,全部是...3、页面全选被屏蔽; 4、防止复制; 5、鼠标右键被屏蔽; 6、输入法被屏蔽; 7、粘贴被屏蔽; 每个功能 1 分,很合理,O(∩_∩)O谢谢合作 QQ:83433857
  • JS:实现网页内容禁止粘贴复制

    千次阅读 2018-09-05 17:38:59
    1,设置网页禁止复制 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/...
  • 页面样式内加入 *{ -webkit-touch-callout:none; /系统默认菜单被禁用/ -webkit-user-select:none; /webkit浏览器/ -khtml-user-select:none; /早期浏览器/ -moz-user-select:none;/火狐/ -ms-user-select:none; /...
  • 前端实现复制粘贴

    千次阅读 2017-04-07 14:45:36
    //复制到剪切板 function copyToClipboard(elem) { var targetId = "_hiddenCopyText_"; var isInput = elem.tagName === "INPUT" || elem.tagName === "TEXTAREA"; var origSelectionStart, origSelectionEnd
  • /*设置IOS页面长按不可复制粘贴,但是IOS上出现input、textarea不能输入,因此将使用-webkit-user-select:auto;*/ *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit...
  • 不是会员不让复制粘贴?看我“三板斧”!

    千次阅读 多人点赞 2021-05-09 18:43:25
    不知道你有没有过这样的经历,我们在网上好不容易搜索到自己想要的内容,复制粘贴时,却被网站要求注册或者购买VIP会员,非常得令人生气和无奈。今天,我们就来介绍一个非常好用的方法来解决这一系列问题。 正文 ...
  • apicloud 中实现页面可以粘贴复制 openFrame或者openWin里条件属性allowEdit:true;属性 实现单个标签点击全部选中粘贴复制可用 -webkit-user-select:all;
  • vue中实现复制粘贴功能

    千次阅读 2020-05-20 21:15:26
    最近在项目中遇到点击按钮复制链接功能,将其总结如下: 安装\color{#ff8247}{安装}安装 npm install vue-clipboard2 --save 引入\color{#ff8218}{引入}引入 在main.js中引入以下代码: import VueClipboard from '...
  • vue项目做一键复制页面内容到粘贴板功能 你在项目里面是否遇到过 页面数据过多,但是你想将页面的数据一下复制出来 并将将数据粘贴到微信,扣扣或者钉钉里面呢?怎么办呢?请往下看吧! 技术要点 v-clipboard // HTML <...
  • 一、浏览器赋值粘贴 1、document.execCommand 这部分参考文档: https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand 咱们再浏览器中使用的复制大部分都是用的这个原理 2、例子: //这是一个...
  • Js实现复制粘贴的两种方法

    千次阅读 2020-12-02 15:51:17
    界面需要复制功能,所以就写了一个作为简单记录 二、方法、推荐第二种。 1、第一种方法 1、通过 document.execCommand('copy') 2、前端代码如下: <!DOCTYPE html> <html lang="en"> <head> <...
  • creo1复制粘贴指令

    2021-06-13 20:47:58
    对曲线、曲面、模型上的边都可以复制粘贴。 1.线条的复制粘贴 1. 复制指令必须 选择对象 才可以激活 未激活状态 选择后的激活状态 2. 复制与粘贴配合使用 按粘贴之后,出现上述页面。 这时,按住紫色箭头下端...
  • 终于知道为啥网页不让我复制粘贴了!

    万次阅读 多人点赞 2021-03-24 11:18:38
    摘要:我们在项目中,通常为了保证数据安全性和保护用户个人信息,个别页面需要禁用右键、复制粘贴以及输入框自动填充的功能。所以在此补充和总结几条我们开发中常用的操作方式。
  • 类似于百度文库这样的网站,都是将复制粘贴功能禁用的,只有登录的用户才能够使用。在开发中,为了网页的安全,我们也可以设置页面禁用复制和粘贴的功能实现的方式很简单,就是自定义页面的复制和粘贴事件,取消默认...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 103,428
精华内容 41,371
关键字:

页面复制粘贴