PTT數位生活區 / Web_Design

[問題] 能不能從頁面上的選取範圍中，找出圖片?已刪文

看板Web_Design作者 (呵呵)時間4年前 (2020/10/07 19:34), 編輯推噓2(2推 0噓 5→)
留言7則, 4人參與, 4年前最新討論串1/1
使用者以滑鼠在頁面上選取一段內容. 能不能用 js 把選取範圍內所有的 img[src] 都抓出來？ window.getSelection() 這東西似乎只對文字有效 像下圖這樣，反白的選取範圍內包含兩張圖 有沒有辦法單獨抓出那兩張圖片的網址？(忽略文字) https://i.imgur.com/Ym6xQwE.png
-- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.255.42.93 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1602070448.A.B7F.html
→
10/08 23:06, 4年前 , 1F
當你在網頁上看到那張圖時,那張圖實際上已經下載了
10/08 23:06, 1F
推
10/09 10:15, 4年前 , 2F
看看瀏覽器的檢視選取範圍原始碼功能有沒有相應函式可以呼叫
10/09 10:15, 2F
→
10/10 03:27, 4年前 , 3F
getSelection 回傳的東西裡面有 anchorNode 和 focusNode
10/10 03:27, 3F
→
10/10 03:28, 4年前 , 4F
你可以從這兩個 node 往 .parentElement.querySelectorAll(
10/10 03:28, 4F
→
10/10 03:29, 4年前 , 5F
"img") 拿到 img element, 再去 .src 拿 src
10/10 03:29, 5F
→
10/10 03:30, 4年前 , 6F
不過有些圖片可能會在其他元素如 picture 裡面要注意
10/10 03:30, 6F
推
10/10 12:39, 4年前 , 7F
自己的網頁還是別人的？
10/10 12:39, 7F
‣ 更多 tyf99 的文章
文章代碼(AID): #1VVQUmj_ (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 tyf99 的文章
文章代碼(AID): #1VVQUmj_ (Web_Design)