javascript - 如何在浏览器中使用 Javascript 或 Jquery 将图像 URL 输出到控制台日志？

Question

我需要将我在任何特定页面上单击的所有图像网址添加到变量中，以便我可以在控制台中获取图像网址。

所有这些代码都应该在控制台中运行。

我现在正在使用此代码:

var x = document.images;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x[i].src + "\n";
}

这可行，但它会输出页面上存在的所有图像 URL，我只需要我单击的图像，因为图像上没有附加 href 链接。

此外，如果我只想在该页面上以特定域开头的图像，例如仅 Imgur 图像 URL 等...而不是全部。

Answer 1

你可以用 jQuery 做这样的事情:

jQuery(function($){
    var clickedImages = [];

    // Images whose URL starts with
    $('img[src^="http://i.imgur.com"]').click(function(e){
         var $img = $(this);
         clickedImages.push( $img.attr('src') );
    });

    // And when you want :
    console.log(clickedImages); // will display the javascript array
});