Response title
This is preview!
jQuery.fn.hover & Firefox's mouseout issues
in Developing jQuery Core
•
15 years ago
Hello,
I was wondering if a work-around for a well known Firefox Bug could be
added to jQuery's withinElement function.
1 [The Bug]
FF sometimes sets event's target properties to native, anonymous
elements that are not part of the DOM. This causes Permission Denied
exceptions when properties of these elements are queried.
*) http://www.quirksmode.org/bugreports/archives/2005/11/extraneous_and_erronous_Mozilla_mouseover_and_mous.html
*) https://bugzilla.mozilla.org/show_bug.cgi?id=101197
*) https://bugzilla.mozilla.org/show_bug.cgi?id=379095
*) https://bugzilla.mozilla.org/show_bug.cgi?id=208427
*) https://bugzilla.mozilla.org/show_bug.cgi?id=53007
2 [The Demo]
The bug can be demonstrated using this simple demo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<script type="text/javascript" src="global/js/libs/
jquery-1.2.3.js"></script>
<style type="text/css">
#box {
background: #F00;
width: 50px;
height: 50px;
position: absolute;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$('#box').hover(function() {
$(this).css('background', '#00F');
}, function() {
$(this).css('background', '#F00');
});
});
</script>
</head>
<body>
<div id="box"></div>
<form action="">
<input type="text"/>
The red square turns blue on mouseover and red on mouseout unless
you mouseout over the textbox.
</form>
</body>
</html>
Thank you,
JOsef