Use jQuery to hide a DIV when the user clicks outside of it

Question

I am using this code:

$(\'body\').click(function() {
   $(\'.form_wrapper\').hide();
});

$(\'.form_wrapper\').click(function(event){
   event.stopPropagatio         


        

Answer 1

Instead of listening to every single click on the DOM to hide one specific element, you could set tabindex to the parent

and listen to the focusout events.

Setting tabindex will make sure that the blur event is fired on the

(normally it wouldn't).

So your HTML would look like:

    I Agree
    Disagree

And your JS:

$('.form_wrapper').on('focusout', function(event){
    $('.form_wrapper').hide();
});

0 讨论(0)

查看其它30个回答

发布评论:

提交评论

---

•  加载中...