jquery - JavaScript - hide element when click outside not working on mobile phone -
hiding modal windows works fine on desktop computer code
$(document).mouseup(function (e){ if ($("#full_window_dim").is(':visible') && !$("#hodnotenie_hl_okno").is(e.target) && $("#hodnotenie_hl_okno").has(e.target).length === 0){ $("#full_window_dim").fadeout(); $('html, body').removeclass('stop-scrolling'); } });
but code not working on mobile phones (i have tried iphone 5 - safari)
how can hide element when users taps outside of window on mobile phones ?
you can use touchstart phones since devices not understand mouse events.
here's code. can include many events want.
function hidemodal(){ if ($("#full_window_dim").is(':visible') && !$("#hodnotenie_hl_okno").is(e.target) && $("#hodnotenie_hl_okno").has(e.target).length === 0){ $("#full_window_dim").fadeout(); $('html, body').removeclass('stop-scrolling'); } } $(document).on({ "touchstart": function (event) { hidemodal(); }, "mouseup": function (event) { hidemodal(); } });