search by img

by noromanba 2017-10-27 [2017/10/27 16:40:57]
(Forked from 画像検索 by amachang)

search similar images by image

@@ -10,17 +10,20 @@
  */
 
 // Changes
-// - searchable image with link
+// - handle image-link
 // TODO
 // - background-url image
 
+// c.f. http://ptech.g.hatena.ne.jp/noromanba/20121114/1352977145
 Array.prototype.slice.call(document.querySelectorAll('img')).forEach(function (img) {
     img.style.cursor = 'help';
 
     img.addEventListener('click', function (evt) {
-        evt.preventDefault(); // event cancel, further propagation. e.g. <a><img></a>
+        // event cancel, further propagation. e.g. <a><img></a>
+        // c.f. https://developer.mozilla.org/en/docs/DOM/event.preventDefault
+        evt.preventDefault();
 
-        var node = evt.target;
-        location.href = 'https://www.google.com/searchbyimage?image_url=' + encodeURIComponent(node.src);
+        var imgurl = evt.target.src;
+        location.href = 'https://www.google.com/searchbyimage?image_url=' + encodeURIComponent(imgurl);
     }, false);
 });

• /*
   * @title search by img
   * @description search similar images by image
   * @include http://*
   * @include https://*
   * @license MIT License http://www.opensource.org/licenses/mit-license
   * @contributor amachang http://let.hatelabo.jp/amachang/let/gYC-xauujbmgLw (Fork of)
   * @author noromanba https://flavors.me/noromanba
   * @require
   */
  
  // Changes
  // - handle image-link
  // TODO
  // - background-url image
  
  // c.f. http://ptech.g.hatena.ne.jp/noromanba/20121114/1352977145
  Array.prototype.slice.call(document.querySelectorAll('img')).forEach(function (img) {
      img.style.cursor = 'help';
  
      img.addEventListener('click', function (evt) {
          // event cancel, further propagation. e.g. <a><img></a>
          // c.f. https://developer.mozilla.org/en/docs/DOM/event.preventDefault
          evt.preventDefault();
  
          var imgurl = evt.target.src;
          location.href = 'https://www.google.com/searchbyimage?image_url=' + encodeURIComponent(imgurl);
      }, false);
  });

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。