1. 程式人生 > >手機PC監聽用戶復制內容

手機PC監聽用戶復制內容

select docs api .org 卡頓 內容 on() 選中 dev

最近應項目需求,為了獲取到更多用戶想要搜索的信息,需要把用戶點擊復制的內容獲取到,然後傳送給後臺以更好的了解客戶需求,自己在這個方法上栽了個大跟頭,只考慮其一卻不知道結合使用,腦袋卡頓,隨筆記下,望自己能夠慢慢成長、進步。

<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

手機PC監聽用戶復制內容