Bind multiple events in JavaScript

Question

I tried the following to change a span to red on mouseover and black on mouseout:

<span onmouseover="this.style.color='red' onmouseout=this.style.color='black'">Mouse over me!</span>

but it does not work!

How can I bind more than one event to a single element using JavaScript?

You are not closing your double quotes. Try this: <span onmouseover="this.style.color='red'" onmouseout="this.style.color='black'">Mouse over me!</span> — AmmarCSE
– AmmarCSE, Commented May 12, 2015 at 7:37

Dhaval · Accepted Answer · 2015-05-12 07:38:12Z

2

Forgot Quote..

<span onmouseover="this.style.color='red'" onmouseout="this.style.color='black'">Mouse over me!</span>

answered May 12, 2015 at 7:38

Dhaval

2,3791 gold badge15 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

pavel · Accepted Answer · 2015-05-12 07:37:25Z

2

You forgot quotes.

<span onmouseover="this.style.color='red'" onmouseout="this.style.color='black'">Mouse over me!</span>
                                         ^            ^

answered May 12, 2015 at 7:37

pavel

27.3k11 gold badges47 silver badges63 bronze badges

Comments

Radonirina Maminiaina · Accepted Answer · 2015-05-12 07:37:19Z

1

You put the onmouseout into onmouseover event, it is not correct.

Try this:

<span onmouseover="this.style.color='red'" onmouseout="this.style.color='black'">Mouse over me!</span>

answered May 12, 2015 at 7:37

Radonirina Maminiaina

7,0144 gold badges35 silver badges63 bronze badges

Collectives™ on Stack Overflow

Bind multiple events in JavaScript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related