Databases
StackOverflow2013
Postsdbo
POClick event on document.body not working as it should on IE8
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POClick event on document.body not working as it should on IE8
    text
    copied!<p>I'm working on some tweaks for a webpage, I'm using MVC and jquery.</p> <p>Basically I have some help icons on my page, when the user clicks on the icon, a bubble appears with a help description.</p> <p>I have this code in my javascript for that page:</p> <pre><code>AddHelpIconMouseEvents: function(element, msg, divForm) { $(element).live('click', function(event) { if (event.type === "click") MyClassHelper.showHelpIconBubble(msg, divForm, event); }); $(document.body).click(function() { $(divForm).hide('fast'); }); } </code></pre> <p>As you can see I'm using the document.body.click event to capture any click outside the help bubble, and hide the bubble.</p> <p>Now consider this situation, I click on the help icon and the bubble is displayed, if I click anywhere else on the page, the bubble disappears as expected, but the problem I have is, if instead of clicking on a blank space on the page I click on a link, the link displays another section of the page, hides the section that contained the help icon but the help bubble does not disappear, it remains displayed.</p> <p>This doesn't happen on Firefox, in which I can click on a link or on an empty space and the bubble disappear.</p> <p>I think this may be related to the way in which IE handle events, I think I read something about it, so I wonder if anyone knows how can I fix this, I think I can put some code on the links and validate if the bubble is visible, hide it, but I don't like the idea, I think it is not a good solution, I wonder if there is another better way to handle this.</p> <p>Thanks,</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload