☰

Google & YouTube - Universal Exact Search Hotkey

Surround selected text with quotation marks using NumpadAdd key

  1. // ==UserScript==
  2. // @name         Google & YouTube - Universal Exact Search Hotkey
  3. // @namespace    GYESH
  4. // @version      6.0
  5. // @description  Surround selected text with quotation marks using NumpadAdd key
  6. // @match        *://*/*
  7. // @exclude      https://www.google.ca/maps/*
  8. // @run-at       document-start
  9. // @grant        none
  10. // @author       drhouse
  11. // @license      CC-BY-NC-SA-4.0
  12. // @icon         https://www.google.com/s2/favicons?sz=64&domain=google.com
  13. // ==/UserScript==
  14.  
  15. (function() {
  16.     'use strict';
  17.  
  18.     function surroundWithQuotes(element) {
  19.         if (element.isContentEditable) {
  20.             const selection = window.getSelection();
  21.             const range = selection.getRangeAt(0);
  22.             const selectedText = range.toString();
  23.             if (selectedText) {
  24.                 const quotedText = `"${selectedText}"`;
  25.                 range.deleteContents();
  26.                 range.insertNode(document.createTextNode(quotedText));
  27.                 range.setStart(range.startContainer, range.startOffset + 1);
  28.                 range.setEnd(range.endContainer, range.endOffset - 1);
  29.                 selection.removeAllRanges();
  30.                 selection.addRange(range);
  31.             }
  32.         } else {
  33.             const start = element.selectionStart;
  34.             const end = element.selectionEnd;
  35.             const selectedText = element.value.substring(start, end);
  36.             if (selectedText) {
  37.                 const quotedText = `"${selectedText}"`;
  38.                 element.value = element.value.substring(0, start) + quotedText + element.value.substring(end);
  39.                 element.selectionStart = start + 1;
  40.                 element.selectionEnd = start + quotedText.length - 1;
  41.             }
  42.         }
  43.     }
  44.  
  45.     function handleKeyPress(event) {
  46.         if ((event.key === '+' && event.location === KeyboardEvent.DOM_KEY_LOCATION_NUMPAD) || 
  47.             (event.key === 'Add' && event.location === KeyboardEvent.DOM_KEY_LOCATION_NUMPAD)) {
  48.             let activeElement = document.activeElement;
  49.             
  50.             // Special handling for Google search
  51.             if (window.location.hostname.includes('google.com')) {
  52.                 activeElement = document.querySelector('input[name="q"]') || activeElement;
  53.             }
  54.  
  55.             if (activeElement.tagName === 'INPUT' || activeElement.tagName === 'TEXTAREA' || activeElement.isContentEditable) {
  56.                 surroundWithQuotes(activeElement);
  57.                 event.preventDefault();
  58.                 event.stopPropagation();
  59.             }
  60.         }
  61.     }
  62.  
  63.     function initScript() {
  64.         document.addEventListener('keydown', handleKeyPress, true);
  65.         
  66.         // Mutation observer to handle dynamically added elements
  67.         const observer = new MutationObserver((mutations) => {
  68.             mutations.forEach((mutation) => {
  69.                 if (mutation.type === 'childList') {
  70.                     mutation.addedNodes.forEach((node) => {
  71.                         if (node.nodeType === Node.ELEMENT_NODE) {
  72.                             if (node.tagName === 'INPUT' || node.tagName === 'TEXTAREA' || node.isContentEditable) {
  73.                                 node.addEventListener('keydown', handleKeyPress, true);
  74.                             }
  75.                         }
  76.                     });
  77.                 }
  78.             });
  79.         });
  80.  
  81.         observer.observe(document.body, { childList: true, subtree: true });
  82.     }
  83.  
  84.     if (document.readyState === 'loading') {
  85.         document.addEventListener('DOMContentLoaded', initScript);
  86.     } else {
  87.         initScript();
  88.     }
  89. })();