Reformulei a pergunta, oque estou tentando fazer é o seguinte, Objetivo é fazer igual o IE faz nos inputs type password!
<style>.show_key{display:none;}</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".show_key").mousedown(function() {
$(".hide-pass-input").attr("type", "text")
});
$(".show_key").mouseup(function() {
$(".hide-pass-input").attr("type", "password")
});
$(".show_key").mouseout(function() {
$(".hide-pass-input").attr("type", "password")
});
$(".hide-pass-input").keyup(function(){
var num = $(".hide-pass-input").val().length;
if(num>=1){
$(".show_key").show();
}
else{
$(".show_key").hide();
}
});
});
});
</script>
<input class="hide-pass-input" name="senha" type="password" placeholder="Digite a senha" value="">
<div class="show_key">Mostrar senha</div>
Adicionado
O que preciso é: o input inicia com type password, e se o usuário for digitar e o campo conter 1 ou mais caracteres a div "show_key" aparece,e clicando nela ela alterar o type password para type text, se eu soltar o show_key ele retorna para type password, e se eu clicar fora do input a div "show_key" some, basicamente a função que aquele ícone de olho que alguns sistemas tem faz para mostrar a senha!
Agradeço a todos.
.change
deve executar do jeito que você quer.