How to trigger two effects on a single event in javascript

Question

I want these two effects to take place without using a function, is there any syntax ?

onkeypress="this.value=(this.value=='Password')?'' : this.value"

onkeypress="this.type='password'"

a) put them in the same handler b) use two handler by [attaching them properly](http://quirksmode.org/js/events_advanced.html) — Bergi, Sep 11 '13 at 22:43
lol it solves my problem though, I still want to know is there a way to do in that manner ? — Aayush, Sep 11 '13 at 22:47
Why do you need to change the `type` to `password` on every keypress? It's not going to change back once you've set it. — robertc, Sep 11 '13 at 22:56
you are right @robertc , if you learn a way to make it happen using some events do let me know. — Aayush, Sep 11 '13 at 23:25

score 1 · Accepted Answer · edited May 23 '17 at 12:20

<input type="password" placeholder="Password"> will be better suited for what you are trying to do. However, to answer your question: Just put both statements in the same handler:

onkeypress="if (this.value=='Password') this.value = ''; this.type = 'password';"

Notice that you will get problems with Internet Explorer which does not allow changing the type of an input element. See also this answer.

electrikmilk · Answer 2 · 2013-09-11T23:15:06.453

0

Hey good question.

onclick="checkPassword();"

then have a JavaScript (with what Bergi mentioned):

var pw = document.getElementById("password");

if (pw.value=='Password') pw.value = ''; pw.type = 'password';

HTML:

<input type="password" id="password"/>

edited Sep 11 '13 at 23:15

answered Sep 11 '13 at 22:55

electrikmilk

1,013
1
11
23

thanx but i mentioned no functions, while its almost the same that bergi answered in the other means. – Aayush Sep 11 '13 at 23:00
Because i knew how to work with functions, anyways placeholder is better @Bergi – Aayush Sep 11 '13 at 23:23

How to trigger two effects on a single event in javascript

2 Answers2