search by img

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

search similar images by image

@@ -19,9 +19,11 @@
     img.style.cursor = 'help';
 
     img.addEventListener('click', function (evt) {
-        // event cancel, further propagation. e.g. <a><img></a>
+        // event cancel, stop propagation. e.g. <a><img></a>, click-handlier
         // c.f. https://developer.mozilla.org/en/docs/DOM/event.preventDefault
+        //      https://developer.mozilla.org/en-US/docs/DOM/event.stopPropagation
         evt.preventDefault();
+        evt.stopPropagation();
 
         var imgurl = evt.target.src;
         location.href = 'https://www.google.com/searchbyimage?image_url=' + encodeURIComponent(imgurl);

• /*
   * @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, stop propagation. e.g. <a><img></a>, click-handlier
          // c.f. https://developer.mozilla.org/en/docs/DOM/event.preventDefault
          //      https://developer.mozilla.org/en-US/docs/DOM/event.stopPropagation
          evt.preventDefault();
          evt.stopPropagation();
  
          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 です。