作者tyf99 (呵呵)
看板Web_Design
標題[問題] 能不能從頁面上的選取範圍中，找出圖片?
時間Wed Oct 7 19:34:06 2020
使用者以滑鼠在頁面上選取一段內容.
能不能用 js 把選取範圍內所有的 img[src] 都抓出來？
window.getSelection() 這東西似乎只對文字有效
像下圖這樣，反白的選取範圍內包含兩張圖
有沒有辦法單獨抓出那兩張圖片的網址？(忽略文字)
https://i.imgur.com/Ym6xQwE.png
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.255.42.93 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1602070448.A.B7F.html
1F：→ laechan: 當你在網頁上看到那張圖時,那張圖實際上已經下載了 10/08 23:06
2F：推 art1: 看看瀏覽器的檢視選取範圍原始碼功能有沒有相應函式可以呼叫 10/09 10:15
3F：→ Hevak: getSelection 回傳的東西裡面有 anchorNode 和 focusNode 10/10 03:27
4F：→ Hevak: 你可以從這兩個 node 往 .parentElement.querySelectorAll( 10/10 03:28
5F：→ Hevak: "img") 拿到 img element, 再去 .src 拿 src 10/10 03:29
6F：→ Hevak: 不過有些圖片可能會在其他元素如 picture 裡面要注意 10/10 03:30
7F：推 kingofsdtw: 自己的網頁還是別人的？ 10/10 12:39
8F：→ tyf99: browser extension 用途 10/11 12:00
9F：→ tyf99: 三樓的方法，會抓到同一層全部的 sibling 吧 10/11 12:01
11F：→ tyf99: getSelection()輸出range，再抓出range裡的所有img元素 10/28 14:42