Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

Mouse Over Detection

How do detect if a mouse is over a UL?



12:52 pm on Mar 22, 2007 (gmt 0)

10+ Year Member


This may exist somewhere but I not sure what I am searching for being new to JS so I apologise if it is a widely known thing.

I need to know whether a mouse is over an unordered list (<ul>) or not. I am making a simple drop down menu from scratch and I don't really want to use 3rd party code due to licensing, etc.

When you roll over a button, the UL list below it is revealed, and I need to know if thr mouse then goes over it or not.

Thank you.


1:13 pm on Mar 22, 2007 (gmt 0)

10+ Year Member

The simplest:
<ul onmouseover="alert('Mouse is over!')">

to be more precise, you may define width and height too may be.


1:23 pm on Mar 22, 2007 (gmt 0)

10+ Year Member

Thank you.

Can you add an onmouseover event to a UL or link by function?

For exmaple, I have <body onload="init()">

Can this init() function place the onmouseover events onto a normal A tag link and a UL?


1:30 pm on Mar 22, 2007 (gmt 0)

WebmasterWorld Senior Member blobfisk is a WebmasterWorld Top Contributor of All Time 10+ Year Member

You can add an event listener to any element on a page. Do a search for addEventListener.



2:16 pm on Mar 22, 2007 (gmt 0)

10+ Year Member

Works a treat. Thank you for the help!

Featured Threads

Hot Threads This Week

Hot Threads This Month