How to write this from javascript to JQuery

Question

Simple question I need these few lines of javascript in jquery. Just trying to close a modal when I select outside of it.

Thank you.

 // When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
 if (event.target == myModal) {
    myModal.style.display = "none";
}
}

When you select "outside of it"? The code you show seems to do the opposite of that, i.e., close when you click on it. — nnnnnn, Feb 01 '16 at 06:01

score 1 · Accepted Answer · answered Feb 01 '16 at 03:54

1

I'm assuming the modal is being clicked "myModal" ... so ...

$("#myModal").on("click",function() {
    $(this).hide();
});

answered Feb 01 '16 at 03:54

LuvnJesus

631
4
9

This worked, thank you! – Matt Feb 01 '16 at 04:07

score 0 · Answer 2 · edited Feb 01 '16 at 06:03

0

Assuming you will click on body and and check if the target is modal with Id myModal

$('body').on('click',function(event){
  var getTargetId = event.target.id;
  if(getTargetId== myModal){
     $(this).attr('display', 'none')
   }
})

Assuming you will click on the modal with id myModal

$("#myModal").on("click",function() {
    $(this).attr('display', 'none');
});

edited Feb 01 '16 at 06:03

nnnnnn

147,572
30
200
241

answered Feb 01 '16 at 04:19

brk

48,835
10
56
78

How to write this from javascript to JQuery

2 Answers2