Ticket #5597 (closed bug: patchwelcome)
hover( over, out ) wont fire when cursor cross over an input text
| Reported by: | Monstroplante | Owned by: | brandon |
|---|---|---|---|
| Priority: | major | Milestone: | 1.4 |
| Component: | event | Version: | 1.3.2 |
| Keywords: | hover input text mouse | Cc: | |
| Blocking: | Blocked by: |
Description
Here is an example, hover the red div traversing the input.
<html>
<body>
<script type="text/javascript" src="jquery-1.3.2.js"></script> <input type="text"/> <div id="absdiv" style="background:red; width:50px; height:50px; position:absolute; top:0;"></div> <br/><br/><br/><br/><br/> <div id="log" style="height:300px; overflow:auto;"></div> <script type="text/javascript">
$(function(){
var log = function(txt){
$('#log').prepend($('<div/>').text(txt));
}; $('#absdiv').hover(function(){
log('hover');
}, function(){
log('!hover');
}).mouseout(function(){
log('mouseout');
}).mouseleave(function(){
log('mouseleave');
});
});
</script>
</body>
</html>
Change History
comment:2 Changed 3 years ago by snover
- Status changed from new to closed
- Resolution set to patchwelcome
This is a bug with Firefox and mouseenter/mouseleave events. You can either use mouseover/mouseout instead, or if you would like to write a patch that fixes this problem, we would be happy to accept it. Otherwise, it is unlikely that this issue will be fixed by us, as it is no longer a problem in Firefox 3.6+.
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.
Forgot to say that the bug in on FF3.5