Javascript 单击带有联系人表单7的弹出窗口

我有以下代码：

<div class="popup" onclick="myFunction()">
    <span style="color: #17304b;">
        <strong><em>Read More</em></strong>
    </span>
    <span class="popuptext" id="myPopup">
        [contact-form-7 id="0001" title="245 Mathews Apartments"]
    </span>
</div>

但是，当它打开弹出窗口时，当您单击表单填充字段时，它将再次关闭。你能帮我一下吗？如何仅在单击主体而不是表单本身时关闭弹出窗口

function myFunction() {
    setTimeout(popup, 3000);
    var popup = document.getElementById('myPopup');
    popup.classList.toggle('show');
}