Comments on: iPhone Click Effect Using MooTools or jQuery

By: Hamid

Hamid — Tue, 18 May 2010 16:38:02 +0000

i think it is better if you use this :

a {
outline: none;
}

By: Grauer

Grauer — Fri, 08 Jan 2010 05:09:34 +0000

I’d humbly suggest a mousedown for the addClass and mouseup and mouseout for removeClass to better resemble iPhone functionality.

By: Al

Al — Thu, 29 Oct 2009 10:49:28 +0000

Would like to know how to apply it to a specific div so that it’s not applied to all clickable links including pics, thx.

By: Andrew

Andrew — Mon, 12 Oct 2009 21:09:06 +0000

Personally, I don’t think he was trying to show a better than css way, simply showing up to do. Also, if we’re doing this for Safari, should we not be using the -webkit-border-radius? I was under the impression Safari doesn’t use the -moz. Cheers.

By: Adrian von Gegerfelt

Adrian von Gegerfelt — Fri, 25 Sep 2009 12:25:00 +0000

Agree, the :active selector is there for a reason, and you don’t need any javascript at all for it!

By: David Chambers

David Chambers — Thu, 24 Sep 2009 11:50:41 +0000

I don’t mean to repeat what others have already stated, but I have to agree that CSS is the right tool for this task.

I believe that :focus is what you’re after, not :active. The link remains “focused” even after the mouse button is released.

By: Montana Flynn

Montana Flynn — Tue, 22 Sep 2009 21:46:24 +0000

I hardly see anything that resembles the iPhone UI, but thanks for the post and the mootools & jQuery comparison code. Also I love your code preview, it is FTW.

By: David Walsh

David Walsh — Tue, 22 Sep 2009 16:15:17 +0000

Thomas: I realize that. One thing I wanted to toy with was leaving the class on anything clicked. Maybe a different color for those that weren’t the most recent clicked. In that case I’d definitely JS. I do, however, see where you’re coming from.

By: David Walsh

David Walsh — Tue, 22 Sep 2009 16:13:47 +0000

Good call Kassens!

By: Jan Kassens

Jan Kassens — Tue, 22 Sep 2009 16:12:54 +0000

Don’t waste resources and just remove the class from the active link ;)

http://paste.davidwalsh.name/99