切换，显示/隐藏密码在按键/键盘上
切换，显示/隐藏密码在按键/键盘上
提问于 2018-07-03 18:50:25
我希望只在用户单击并持有按钮时显示密码。这意味着当用户释放点击时，应该再次隐藏它。我试过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>
我在这里错过了什么？
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-07-03 18:57:00
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>
Stack Overflow用户
发布于 2018-07-03 18:56:07
你需要onmousedown和onmouseup。要使其移动友好，请使用ontouchstart和ontouchend。
function show() {
document.getElementById("pass").setAttribute("type","text");
}
function hide() {
document.getElementById("pass").setAttribute("type","password");
}<input type='password' id='pass' value='abcdef' />
<button onmousedown='show()' onmouseup='hide()'>toggle</button>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51161226
复制相关文章
相似问题
腾讯云开发者
