Mouse cursor change Javascript - linked DIV

Question

I have this JS code.

I want to show a "hand" cursor when I hover on the div like it would normally do for an a href.

$("#button1div").click(function(){
window.location = 'http://google.com';
});

How do I make the cursor change to a hand?

Thanks.

#button1div { cursor: pointer; } add this in your css. I think this'll help you. — Leri
– Leri, Commented Aug 7, 2012 at 10:26

Purag · Accepted Answer · 2012-08-07 10:36:17Z

4

While you seem to want to do this with Javascript, there is a much easier way to do it with CSS alone:

#button1div {
    cursor: pointer;
}

And, I'm not sure if you're really doing anything more than changing window.location when that div is clicked, but it looks like you could use an a element with no problem.

answered Aug 7, 2012 at 10:36

Purag

17.1k4 gold badges57 silver badges78 bronze badges

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

Comments

Senthil Kumar · Accepted Answer · 2012-08-07 10:33:24Z

1

$("#button1div").css('cursor','pointer');

will set the cursor as hand symbol.

answered Aug 7, 2012 at 10:33

Senthil Kumar

10.4k8 gold badges39 silver badges46 bronze badges

Collectives™ on Stack Overflow

Mouse cursor change Javascript - linked DIV

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related