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>

我在这里想念什么？

标签： javascriptjqueryhtmlinputpasswords

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>