作者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/cn.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