Show/Hide Password when hovering over the input password
目前為
// ==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://greasyfork.org/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);
});
});
})();