獲取瀏覽器中滑鼠選中的文字內容

2021-09-10 15:43:28 字數 1299 閱讀 8319

如果你在瀏覽器中安裝了翻譯外掛程式的話,控制台可能會輸出你選中的文字內容,那麼這是如何做到的呢?

直接檢視他的原始碼,主要是使用了window.getselection這個屬性

所以我們也可以仿照著寫乙個函式,用來監聽滑鼠雙擊,或者滑鼠抬起事件:

// 監聽雙擊事件document.addeventlistener("dblclick", doubleclick, true);// 監聽釋放滑鼠按鈕事件document.addeventlistener("mouseup", mouseup, true);// 雙擊處理函式function doubleclick()  else

if (document.selection && document.selection.type != "control")     if ("" != text) }// 釋放滑鼠處理函式function mouseup() else

if (document.selection && document.selection.type != "control")     if ("" != text) }

有點bug,雙擊會觸發滑鼠抬起事件,所以會輸出兩遍;選中文字在取消選中也會輸出。。

再分享一下我老師大神的人工智慧教程吧。零基礎!通俗易懂!風趣幽默!還帶黃段子!希望你也加入到我們人工智慧的隊伍中來!

如果你在瀏覽器中安裝了翻譯外掛程式的話,控制台可能會輸出你選中的文字內容,那麼這是如何做到的呢?

直接檢視他的原始碼,主要是使用了window.getselection這個屬性

所以我們也可以仿照著寫乙個函式,用來監聽滑鼠雙擊,或者滑鼠抬起事件:

// 監聽雙擊事件document.addeventlistener("dblclick", doubleclick, true);// 監聽釋放滑鼠按鈕事件document.addeventlistener("mouseup", mouseup, true);// 雙擊處理函式function doubleclick()  else

if (document.selection && document.selection.type != "control")     if ("" != text) }// 釋放滑鼠處理函式function mouseup() else

if (document.selection && document.selection.type != "control")     if ("" != text) }

有點bug,雙擊會觸發滑鼠抬起事件,所以會輸出兩遍;選中文字在取消選中也會輸出。。

js獲取滑鼠選中的文字

定義需要獲取的內容的節點 onclick selecttext 河中魚類離奇死亡,下游居民頻染怪病,沿岸植物不斷變異,是殘留農藥?還是生化攻擊?span 獲取選中的文字,我們使用window.getselection tostring 方法。如下 function selecttext catch ...

js獲取滑鼠選中的文字

1 獲取選中的文字 document.selection.createrange text ie9以下使用 window.getselection tostring 其他瀏覽器使用 p mouseup function 2 取消處於選中狀態的文字 document.selection.empty i...

獲取使用者選中的文字內容

在平時閱讀文章的時候,經常會碰到喜歡的文字段落,想要複製或者轉達,今天就要來模擬乙個獲取使用者選中文的文字的展示效果,具體如下 使用者選中一段文字後,獲取到使用者選中的文字,並展示出來,我們先來分析一下實現思路。首先是要實現基本的結果,來展示文字和放置選中文字的容器。doctype html htm...