mouseevent - Jquery mouseenter and mouseout -
i have div (div1) warps literal. on mouseenter put div (div2) in front of div1 , on mouseout hide div2. problem on mouseenter or hover, flashing.
this code
$(".edittext").mouseenter(function () { debugger; $("#divedit").css("display", "block"); $("#divedit").css("height", $(this).height() ); $("#divedit").css("width", $(this).width() ); $("#divedit").css({ "position": "absolute", "top": $(this).offset().top, "left": $(this).offset().left }); }).mouseout(function () { $("#divedit").css("display", "none"); }); });
if dynamically place items under mouse trigger mouseout
events on (all?) browsers has left previous div , entered child.
you can make div added transparent mouse using pointer-events style on added element https://developer.mozilla.org/en-us/docs/web/css/pointer-events:
style="pointer-events: none;"
note: not work on old browsers.
Comments
Post a Comment