☰

Show/Hide Password

Show/Hide Password when hovering over the input password

Fra 27.06.2023. Se den seneste versjonen.

// ==UserScript==
// @name            Show/Hide Password
// @version         1.1
// @description     Show/Hide Password when hovering over the input password
// @icon            https://cdn-icons-png.flaticon.com/512/312/312404.png
// @match           *://*/*
// @grant           none
// @license         MIT
// @unwrap
// @namespace https://greatest.deepsurf.us/users/821661
// ==/UserScript==

(function() {
    'use strict';

    // Define a function to show the password
    function showPassword(field) {
        field.type = 'text';
    }

    // Define a function to hide the password
    function hidePassword(field) {
        field.type = 'password';
    }

    // Select all password input fields on the page
    const passwordFields = document.querySelectorAll('input[type="password"]');

    // Loop through each password field and add the show/hide password events
    passwordFields.forEach(field => {
        // Show password on mouseover and focus
        field.addEventListener('mouseover', () => {
            showPassword(field);
        });
        field.addEventListener('focus', () => {
            showPassword(field);
        });

        // Hide password on mouseout and blur
        field.addEventListener('mouseout', () => {
            hidePassword(field);
        });
        field.addEventListener('blur', () => {
            hidePassword(field);
        });
    });
})();