javascript - mouseover doesn't work when mouse doesn't move over a dynamic element -

javascript - mouseover doesn't work when mouse doesn't move over a dynamic element -

i'm trying fire event when mouse touches dynamic element on site regardless of whether mouse moving or not.

the problem i'm facing don't manage fire event unless mouse moves on dynamic element.

here's fiddle can reproduce leaving mouse stationary in future position of dynamic square element:

http://jsfiddle.net/rhzbt/1/

i'm trying fire next code:

$(document).on('mouseenter', '#demo', function(){ alert("entering in demo"); });

i know there's way tracing mouse , element position, sounds more hack or alternative , complicate way rather solution problem. when many objects come in place (10 - 40), solution sounds lot of work machine.

the problem takes place in:

chrome safari ie opera

in firefox seems working properly.

$(document).on('mouseout', '#demo', function(){ alert("leaving demo"); });

by can alert while leaving mouse stationary.

javascript jquery javascript-events mouse mouseenter