Hi there,
I've created the following demo to illustrate a problem I've been
having with Safari (2.0.3 in my case) firing onmouseout events when the
onmouseover event should be being triggered. Is this a well documented
bug and, if so, what are the workarounds?
Demo here: http://www.cbjdigital.com/test.htm
Source:
<html>
<head><title>test</title></head>
<body>
<p>
<a href="#" onmouseover="input1.value='mouseover' ; "
onmouseout="input1.value='mouseout' ; ">change on mouseover and
mouseout</a><br/>
<input type="text" id="input1" value="" />
</p>
<p>
<a href="#" onmouseout="input2.value='mouseout' ; ">change on mouseout
only</a><br/>
<input type="text" id="input2" value="" />
</p>
<p>
<input type="button" onclick="input1.value='' ; input2.value='' ;"
value="Reset" />
</p>
</body>
</html>
On the demo, in Firefox everything works as it should with the value of
the second text input changing only when the cursor is moved off the
link. Safari however triggers the mouseout event when the cursor is
moved *onto* the link. Why is this?
Thanks in anticipation.
Mike
