Mouseover Event In Jquery

I have the following mouseover function: $('.msg_id').live('mouseover', function() { $(this).css('cursor', 'pointer'); tid = $(this).attr('id'); idx = $(this).attr('nam

Solution 1:

You might want to use the mouseenter() event instead, as mouseover will fire upon every move inside the element.

$('.msg_id').live("mouseenter", function() {
    //Do work here
});

or if live isn't required, simply:

$('.msg_id').mouseenter(function() {
    //Do work here
});

MouseOver():

• Will fire upon entering an element can fire inside of any child elements.

MouseEnter():

• Will fire upon entering an element, and only that element.

Solution 2:

You want to use mouseenter