代码之家 › 专栏 › 技术社区 › Roshana Pitigala Laxmansinghsodhanohdiyala

在键向下/键向上切换显示/隐藏密码

passwords input html jquery javascript

Roshana Pitigala Laxmansinghsodhanohdiyala · 技术社区 · 6 年前

当且仅当用户 点击并保持 按钮。这意味着当用户释放点击时,应该再次隐藏它。我试过了 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 回复 | 直到 6 年前

Luca Kiebel 6 年前

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>

Vignesh Raja 6 年前

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>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

3 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

3 月前

Alex · 在轻量级中同时解构和不解构变量

3 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

3 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

3 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

3 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

3 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

4 月前

user3472810 · Angular@Output/EventEmitter返回undefined

4 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

4 月前