Shifting the Focus in a JavaScript Rollover

Shifting the Focus in a JavaScript Rollover

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?

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.

See also  Is Machine Learning Automating Creativity in Graphic Design?

About Our Editorial Process

At DevX, we’re dedicated to tech entrepreneurship. Our team closely follows industry shifts, new products, AI breakthroughs, technology trends, and funding announcements. Articles undergo thorough editing to ensure accuracy and clarity, reflecting DevX’s style and supporting entrepreneurs in the tech sphere.

See our full editorial policy.

About Our Journalist