手機PC監聽使用者複製內容

標籤：dev   詳解   多使用者   develop   tostring   text   運用   好的   監聽   

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

<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監聽使用者複製內容