Auto-Activate Text Field on Hover

auto_focus_text.js

// ==UserScript==
// @name         Auto-Activate Text Field on Hover
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  Automatically activates text fields when the mouse hovers over them, and only removes focus if not clicked.
// @author       You
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const textFields = document.querySelectorAll('input[type="text"], textarea, input[type="url"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"]');

    textFields.forEach(textField => {
        let wasClicked = false;

        textField.addEventListener('mouseover', function(event) {
            if (event.target === textField || textField.contains(event.target)) {
                 if (document.activeElement !== textField) {
                    textField.focus();
                    // textField.select(); // Select all text
                }
            }
        });

        textField.addEventListener('mousedown', function() {
            wasClicked = true;
        });

        textField.addEventListener('mouseout', function(event) {
             if (event.target === textField || textField.contains(event.target)) {
                if (document.activeElement === textField && !wasClicked) {
                    textField.blur();
                    wasClicked = false;
                }
            }
        });

        textField.addEventListener('blur', function() {
            wasClicked = false; // Reset the flag on blur, in case the user clicks elsewhere to remove focus
        });

    });
})();