Visible Password

Visible password on password field

当前为 2016-06-15 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name Visible Password
// @description Visible password on password field
// @include *
// @version 0.0.1.20160615140928
// @namespace https://greasyfork.org/users/49201
// ==/UserScript==
(function() {

  var KEY_ENTER = 13;

  var inputs = document.querySelectorAll('input[type=password]');
  for(var i = 0; i < inputs.length; i++) (function(i){
    function hidePassword(){
      inputs[i].type = 'password';
    }
    function showPassword(){
      inputs[i].type = 'text';
    }
    inputs[i].addEventListener('focus', showPassword, false);
    inputs[i].addEventListener('blur', hidePassword, false);
    inputs[i].addEventListener('keydown', function onBeforeSubmit(e){
      if (e.keyCode === KEY_ENTER) hidePassword();
    }, false);
  })(i);
  
})();