单击文档正文在 ios 设备上不起作用

Question

我在我的一个网站中创建了一个侧面导航栏。 在身体点击时，我需要隐藏我在下面代码中使用的导航栏 -

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

        }
    });

但在 IOS 设备中，身体点击不起作用。 为此，我搜索了它的解决方案。 许多人建议将touchstart事件与 click 事件一起放置。 我试过了，但在滚动时，该事件也在触发。 我也尝试过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 。 但是这些事件现在正在处理整个文档。 我只想在身体上触发点击事件。

Answer 1

只需用jQuery("body")替换你的jQuery(document)和jQuery(document.body) ，试试这个:)