[问题] 能不能从页面上的选取范围中,找出图片?

楼主: 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