<picture> src（活动源）</picture>

Question

有没有办法在不使用视口宽度/像素密度的情况下在javascript中检索<picture>元素当前使用的源？

类似于<select>:selected

的内容

任何人都可以对此有所了解吗？

Answer 1

<picture>元素仍然是实验性的，所以我认为还没有API来获取“活动”源。但是，我确实发现了<picture>规范的以下问题，期望该元素具有currentSrc元素。

https://github.com/ResponsiveImagesCG/picture-element/issues/223

currentSrc是我预期的行为，但目前它还没有在Chrome或FireFox中实现。

Answer 2

如果你正在使用jQuery，你可以：

$('img').on('load', function() {
   console.log($(this)[0].currentSrc);
})