Javascript 点击图片,加载谷歌图片搜索

Javascript 点击图片,加载谷歌图片搜索,javascript,jquery,Javascript,Jquery,我正在尝试这样做,当用户点击我网站内容中的图像时,它会将该图像加载到谷歌图像搜索并显示结果 这是我正在使用的代码 <script> var gurl = "http://www.google.com/searchbyimage?sbisrc=cr_1_3_2&amp;image_url="; $(document).ready(function() { $('.thefeed').delegate('p img', 'click', function(e)

我正在尝试这样做,当用户点击我网站内容中的图像时,它会将该图像加载到谷歌图像搜索并显示结果

这是我正在使用的代码

<script>
  var gurl = "http://www.google.com/searchbyimage?sbisrc=cr_1_3_2&amp;image_url=";

  $(document).ready(function() {
    $('.thefeed').delegate('p img', 'click', function(e) {
      e.preventDefault();
      window.open(gurl + this.src, '_blank');
    });
  });
</script>

var gurl=”http://www.google.com/searchbyimage?sbisrc=cr_1_3_2&;image_url=“;
$(文档).ready(函数(){
$('.offed')。委托('p img','click',函数(e){
e、 预防默认值();
window.open(gurl+this.src,“_blank”);
});
});
和一个html片段

<p>
  <img src="https://upload.wikimedia.org/wikipedia/commons/e/eb/Ash_Tree_-_geograph.org.uk_-_590710.jpg">
</p>

这个想法是当你点击图片时,它会打开

一件事是谷歌正在重写url,我们无法从这段代码中阻止它。这将正确地为您生成url

这是指向本例中的
.offed
,现在应该解决此问题


钢笔:

那么,这里的问题是什么?它不起作用,我无法单击图像。请发布完整的HTML。@31piy这是在wordpress网站上,该网站正在自动将img包装成标记。所以或多或少是“后循环”你们在控制台中收到任何错误吗?你们说的不允许我实际点击图片是什么意思?我试着点击图片,它为我生成了正确的url,当我试着安慰
gurl+e.currentTarget.src,
我可以点击图片,它会打开一个新的标签,并警告正确的url,你能检查一下并让我知道你笔中的问题吗?在你的例子中,当你点击图片时,它会加载,但会将你带到我希望它将我带到我在第一篇文章中使用的页面。这是不可能的,谷歌正在从服务器端重定向,这是你无法阻止的。ur gurl是错误的
var gurl=”http://www.google.com/searchbyimage?sbisrc=cr_1_3_2&image_url=“
解决了这个问题。更新了答案
var gurl = "http://www.google.com/searchbyimage?sbisrc=cr_1_3_2&image_url=";
        $(document).ready(function () {
            $('.thefeed').delegate('p img', 'click', function (e) {
                e.preventDefault();
                // Check if click is on image
                if (e.currentTarget.tagName === 'IMG') {
                    window.open(gurl + e.currentTarget.src, '_blank');   
                }
            });
        });