Shifting the Focus in a JavaScript Rollover

Question:
I am creating a complex table of images, each with its own rollover effect. The problem I’m experiencing is that after the user clicks on the image, it retains its selection box (at least in Internet Explorer 4.01). The selection practically ruins the mouseover effect on the frame. Is there any way to deselect or defocus an image using JavaScript?

Answer:
The easiest way to get Internet Explorer to hide that pesky selection box is to trick it by shifting the focus to something else. Try adding window.focus(); to the onClick handler of the tag enclosing the image with which you’re having a problem. That should solve your problem with a minimum of fuss.

Share the Post:
Share on facebook
Share on twitter
Share on linkedin

Overview

Recent Articles: