javascript - 在 keydown/keyup 上切换显示/隐藏密码

Question

我想在且仅当用户单击并按住 按钮时显示密码。这意味着当用户释放点击时，它应该再次隐藏。我已经尝试了 onkeyup 和 onkeydown 但到目前为止我还没有任何进展。

function show() {
  $(pass).attr("type", "text");
}

function hide() {
  $(pass).attr("type", "password");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type='password' id='pass' value='abcdef' />
<button onkeydown='show()' onkeyup='hide()'>toggle</button>

我在这里错过了什么？

Answer 1

您正在寻找 mousedown和 mouseup处理程序:

function show() {
  $(pass).attr("type", "text");
}

function hide() {
  $(pass).attr("type", "password");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type='password' id='pass' value='abcdef' />
<button onmousedown='show()' onmouseup='hide()'>toggle</button>