手机PC监听用户复制内容

Posted 2020-10-28 提子橘子

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

<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