单击文档正文时无法在 ios 设备上运行

Posted 2023-03-14

【中文标题】单击文档正文时无法在 ios 设备上运行

【英文标题】：On click on document body not working on ios devices

【发布时间】：2017-12-26 04:35:03

【问题描述】：

我在我的一个网站中创建了一个侧边导航栏。在点击正文时，我需要隐藏我在代码下方使用过的导航栏-

    jQuery(document.body).on('click', function (e) 
        e.stopPropagation();
        try 
            closeNav();
         catch (ex) 

        
    );

但在 ios 设备中，body click 不起作用。为此，我搜索了它的解决方案。许多人建议将touchstart 事件与点击事件一起放置。我试过了，但在滚动时也触发了该事件。 我也尝试过touch 事件，但它不起作用。

我也尝试了以下方法-

    jQuery(document).on('touchstart', function () 
        documentClick = true;
    );

    jQuery(document).on('touchmove', function () 
        documentClick = false;
    );

    jQuery(document).on('click touchend', function (event) 
        if (event.type == "click") documentClick = true;
        if (documentClick) 
            try 
                closeNav();
             catch (ex) 

            
        
    );

我也尝试在document.body 上设置这些事件。但它没有用。 所以我把这些事件放在document上。但是这些事件现在正在处理整个文档。我只想在 body 上触发 click 事件。

【参考方案1】：

只需将您的jQuery(document) 和jQuery(document.body) 替换为jQuery("body")，它应该可以试试这个:)

【讨论】：

@Sonali 我已经添加了错误的大写 J ，现在我已经编辑了只是检查