☰

TIX007

鼠标悬停密码框时显示明文密码

  1. // ==UserScript==
  2. // @license MIT
  3. // @name         TIX007
  4. // @namespace    http://tampermonkey.net/
  5. // @version      1.0
  6. // @description  鼠标悬停密码框时显示明文密码
  7. // @author       TIX007
  8. // @match        *://*/*
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.  
  15.     // 处理密码框的函数
  16.     function handlePasswordFields(passwordField) {
  17.         let originalType = 'password';
  18.         
  19.         // 鼠标悬停时显示密码
  20.         passwordField.addEventListener('mouseover', function() {
  21.             if (this.type === 'password') {
  22.                 originalType = 'password';
  23.                 this.type = 'text';
  24.             }
  25.         });
  26.  
  27.         // 鼠标离开时恢复
  28.         passwordField.addEventListener('mouseout', function() {
  29.             if (this.type === 'text') {
  30.                 this.type = originalType;
  31.             }
  32.         });
  33.     }
  34.  
  35.     // 初始处理现有密码框
  36.     document.querySelectorAll('input[type="password"]').forEach(handlePasswordFields);
  37.  
  38.     // 观察DOM变化处理动态加载的密码框
  39.     const observer = new MutationObserver(mutations => {
  40.         mutations.forEach(mutation => {
  41.             mutation.addedNodes.forEach(node => {
  42.                 if (node.nodeType === 1) { // Element node
  43.                     const passwordFields = node.querySelectorAll('input[type="password"]');
  44.                     passwordFields.forEach(handlePasswordFields);
  45.                 }
  46.             });
  47.         });
  48.     });
  49.  
  50.     observer.observe(document.body, {
  51.         childList: true,
  52.         subtree: true
  53.     });
  54. })();