Переключить показать / скрыть пароль на клавиатуре / 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>

Answer 2

Вам нужно 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>