jQuery change input to text, change back to password

Question

I'm trying to show a password in an input field when I hover my mouse over it and after 1 second change it back to password.

This is what I have:

if (this.type === 'password') {
  this.type = "text";
  setTimeout(function () {
    this.type = "password";
  }, 100)
}

It changes the password to text, but doesn't change it back. I'm trying to do it this way to stop the code changing all text fields to passwords.

Any idea how I can do this ?

Thanks

`this` inside your timeout is not what you think it is. – Karl-André Gagnon Sep 06 '17 at 14:01 — Karl-André Gagnon, Sep 06 '17 at 14:01

score 1 · Accepted Answer · answered Sep 06 '17 at 14:02

1

Change your code to

if (this.type === 'password') {
  this.type = "text";
  var that = this;
  setTimeout(function () {
    that.type = "password";
  }, 1000)
 }

Hold the this reference into a variable & use it inside setTimeout.

Hope this will help you.

answered Sep 06 '17 at 14:02

Shiladitya

Thank you that explains what I was missing and it works. – Tom Sep 06 '17 at 15:19

1 Answers1