JavascriptjQuery - Tap outside an element on an iPhone - Stack Overflow

admin管理员组

文章数量:1241085

I found a great answer on detecting a click outside a div from this question: How do I detect a click outside an element?, which works fantastically.

But I've noticed that it doesn't work on the iPhone when testing my site, if I tap outside the element.

Here is the code (taken directly from that answer)

$('html').click(function() {
    //Hide the menus if visible
});

$('#menucontainer').click(function(event){
    event.stopPropagation();
});

I found a great answer on detecting a click outside a div from this question: How do I detect a click outside an element?, which works fantastically.

But I've noticed that it doesn't work on the iPhone when testing my site, if I tap outside the element.

Here is the code (taken directly from that answer)

$('html').click(function() {
    //Hide the menus if visible
});

$('#menucontainer').click(function(event){
    event.stopPropagation();
});

• javascript
• jquery
• iphone
• ios

Share Improve this question Follow edited May 23, 2017 at 12:22 CommunityBot 111 silver badge asked May 13, 2012 at 18:37 shrewdbeansshrewdbeans 12.5k2424 gold badges7676 silver badges118118 bronze badges 1

• 3 stackoverflow./questions/3705937/… – pbond Commented May 13, 2012 at 18:40

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 11

this worked for me :)

$('html').on('touchstart', function(e) {
    $('.navbar-flyout').hide();
})
$(".navbar-flyout").on('touchstart',function(e) {
    e.stopPropagation();
});

var doc = document.documentElement;
doc.addEventListener('click', function (e) { //TODO();});

The trick:

/*Add this line into only mobile css*/
body{cursor:pointer}

本文标签： JavascriptjQueryTap outside an element on an iPhoneStack Overflow