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

作者: tyf99 (呵呵)   2020-10-07 19:34:06
使用者以滑鼠在頁面上選取一段內容.
能不能用 js 把選取範圍內所有的 img[src] 都抓出來?
window.getSelection() 這東西似乎只對文字有效
像下圖這樣,反白的選取範圍內包含兩張圖
有沒有辦法單獨抓出那兩張圖片的網址?(忽略文字)
https://i.imgur.com/Ym6xQwE.png
作者: laechan (揮淚斬馬雲)   2020-10-08 23:06:00
當你在網頁上看到那張圖時,那張圖實際上已經下載了
作者: art1 (人,原來不是人)   2020-10-09 10:15:00
看看瀏覽器的檢視選取範圍原始碼功能有沒有相應函式可以呼叫
作者: Hevak (Arthow Eshes)   2020-10-10 03:27:00
getSelection 回傳的東西裡面有 anchorNode 和 focusNode你可以從這兩個 node 往 .parentElement.querySelectorAll("img") 拿到 img element, 再去 .src 拿 src不過有些圖片可能會在其他元素如 picture 裡面要注意
作者: kingofsdtw (不能閒下來!!)   2020-10-10 12:39:00
自己的網頁還是別人的?
作者: tyf99 (呵呵)   2020-10-11 12:00:00
browser extension 用途三樓的方法,會抓到同一層全部的 sibling 吧

Links booklink

Contact Us: admin [ a t ] ucptt.com