隐藏 <div> 阻止功能不适用于移动设备

Question

我有回调按钮和隐藏的回调形式。 单击按钮后显示表单，单击屏幕上除表单空间以外的任何位置后隐藏。 但！ 表单不会隐藏在移动设备上。 我认为问题在于iOS上的触摸跟踪。 我该如何解决这个问题？

 function showcallbackform (objName) { if ( $(objName).css('display') == 'none' ) { $(objName).animate({height: 'show'}, 200); } else { $(objName).animate({height: 'hide'}, 200); } }; jQuery(function($){ $(document).mouseup(function (e){ var div = $("#callback-form"); if (!div.is(e.target) && div.has(e.target).length === 0) { div.hide(); } }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Answer 1

您可以像这样绑定两个动作（鼠标和触摸事件）：

jQuery(function($){
    $(document).bind( "mouseup touchend", function(e){
        var div = $("#callback-form");
        if (!div.is(e.target)
            && div.has(e.target).length === 0) {
            div.hide();
        }
    });
});