☰

星号密码框显示明文密码

密码框显示密码，支持懒加载、动态页面中的密码框，鼠标悬浮在密码框上时显示密码

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey 或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！）

作者
youngyy
今日安裝
1
安裝總數
185
評價
1 0 0
版本
2.0
建立日期
2024-07-15
更新日期
2025-05-20
尺寸
1.2 KB
授權條款
MIT
腳本執行於
所有網站

密码可视交互功能说明

本功能旨在提升用户在输入或查看密码时的交互体验。通过简单的 鼠标悬停操作，用户可临时查看密码框中的明文内容，从而增强使用的便捷性与准确性。

✨ 功能亮点

🔍 密码可见性切换

  • 用户将鼠标悬停在密码输入框上时，系统自动切换为明文显示模式；
  • 鼠标移出后，自动恢复为密文状态；
  • 无需点击额外按钮，显著提升交互效率。

🔄 兼容动态页面与懒加载场景

  • 支持异步加载或动态渲染的页面（如 AJAX 请求加载、React/Vue 等前端框架组件）；
  • 确保在各类复杂前端架构中功能稳定运行。

⚡ 轻量高效实现

  • 基于原生 JavaScript 实现，不依赖任何第三方库；
  • 占用资源少，性能优异；
  • 兼容主流浏览器：Chrome、Firefox、Edge 等。

🔐 安全性保障

  • 显示密码仅限于客户端视觉呈现；
  • 数据传输与存储仍保持加密状态；
  • 不影响原有安全机制，保障用户信息安全。

🛠️ 技术实现简述

基础结构

  • 使用 HTML 中 <input type="password"> 作为基础输入元素。

核心逻辑

  • 监听 mouseover 和 mouseout 事件；
  • 动态修改 input.type 属性，在 "text" 与 "password" 之间切换。

动态兼容处理

  • 对于动态加载的内容：
    • 可采用 事件委托 或 MutationObserver 检测 DOM 变化；
    • 确保新加入的密码框也能正确绑定交互事件。

该功能设计简洁实用，兼顾用户体验与安全性，适用于多种 Web 应用场景。