需要在不使用JQuery的情况下使用普通JavaScript编写此代码

需要在不使用JQuery的情况下使用普通JavaScript编写此代码,javascript,jquery,Javascript,Jquery,谁能帮我在没有JQuery的情况下编写这段代码,因为我不知道在没有JQuery的情况下如何编写这段代码 missClick(event){ const parentDiv = $(event.target).parent(); $('body').off().on('click', (e) => { if (parentDiv.find(e.target).length === 0) { alert('miss click');

谁能帮我在没有JQuery的情况下编写这段代码,因为我不知道在没有JQuery的情况下如何编写这段代码

missClick(event){

    const parentDiv = $(event.target).parent();

    $('body').off().on('click', (e) => {
        if (parentDiv.find(e.target).length === 0) {
            alert('miss click');
            $('body').off();
        }
    });
}

假设您使用了
addEventListener('click',missClick)


此网站似乎正是您想要的:)

示例
off()
看起来更像
el.removeEventListener(eventName,eventHandler)


$('body')
看起来更像
.getElementByTagName()
document.querySelectorAll('which selector')

我的答案希望更像是“教人钓鱼时刻”,而不仅仅是给你一个答案:)
function missClick(event){
    const parentDiv = event.target.parentElement;

    document.body.removeEventListener('click', missClick);

    const handler = (e) => {
        if (parentDiv.contains(e.target)) {
            alert('miss click');
            document.body.removeEventListener('click', handler);
        }
    };
    document.body.addEventListener('click', handler);
}