当前位置: 移动技术网 > IT编程>网页制作>Html5 > 手机PC监听用户复制内容

手机PC监听用户复制内容

2018年03月28日  | 移动技术网IT编程  | 我要评论
最近应项目需求,为了获取到更多用户想要搜索的信息,需要把用户点击复制的内容获取到,然后传送给后台以更好的了解客户需求,自己在这个方法上栽了个大跟头,只考虑其一却不知道结合使用,脑袋卡顿,随笔记下,望自己能够慢慢成长、进步。 其中window.getSelection()是为了获取选中的内容,详解见h ...

最近应项目需求,为了获取到更多用户想要搜索的信息,需要把用户点击复制的内容获取到,然后传送给后台以更好的了解客户需求,自己在这个方法上栽了个大跟头,只考虑其一却不知道结合使用,脑袋卡顿,随笔记下,望自己能够慢慢成长、进步。

<div class="contenttext" oncopy="myFunction()">
    用来测试监控手机端复制内容 用来测试监控手机端复制内容 用来测试监控手机端复制内容 
灵活运用避免脑袋卡顿 灵活运用避免脑袋卡顿 灵活运用避免脑袋卡顿
用来测试监控手机端复制内容 用来测试监控手机端复制内容 用来测试监控手机端复制内容
灵活运用避免脑袋卡顿 灵活运用避免脑袋卡顿 灵活运用避免脑袋卡顿
用来测试监控手机端复制内容 用来测试监控手机端复制内容 用来测试监控手机端复制内容
灵活运用避免脑袋卡顿 灵活运用避免脑袋卡顿 灵活运用避免脑袋卡顿 用来测试监控手机端复制内容 用来测试监控手机端复制内容 用来测试监控手机端复制内容
灵活运用避免脑袋卡顿 灵活运用避免脑袋卡顿 灵活运用避免脑袋卡顿

</div>

<script>
        function myFunction(){
            var txt;
            txt = window.getSelection();
            if (txt.toString().length > 1) {
                alert("执行了复制:"+txt);
                $.ajax({
                    //向后台传输数据
                })
            }
        }
</script>

 


 

其中window.getSelection()是为了获取选中的内容,详解见https://developer.mozilla.org/zh-CN/docs/Web/API/Window/getSelection

 

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网