<small id='0TsPH'></small><noframes id='0TsPH'>

    <bdo id='0TsPH'></bdo><ul id='0TsPH'></ul>

    <i id='0TsPH'><tr id='0TsPH'><dt id='0TsPH'><q id='0TsPH'><span id='0TsPH'><b id='0TsPH'><form id='0TsPH'><ins id='0TsPH'></ins><ul id='0TsPH'></ul><sub id='0TsPH'></sub></form><legend id='0TsPH'></legend><bdo id='0TsPH'><pre id='0TsPH'><center id='0TsPH'></center></pre></bdo></b><th id='0TsPH'></th></span></q></dt></tr></i><div id='0TsPH'><tfoot id='0TsPH'></tfoot><dl id='0TsPH'><fieldset id='0TsPH'></fieldset></dl></div>
    <legend id='0TsPH'><style id='0TsPH'><dir id='0TsPH'><q id='0TsPH'></q></dir></style></legend>

      <tfoot id='0TsPH'></tfoot>

    1. 离开页面时Js弹出但提交表单时不弹出

      时间:2023-10-01

        <legend id='73L3O'><style id='73L3O'><dir id='73L3O'><q id='73L3O'></q></dir></style></legend>

        <i id='73L3O'><tr id='73L3O'><dt id='73L3O'><q id='73L3O'><span id='73L3O'><b id='73L3O'><form id='73L3O'><ins id='73L3O'></ins><ul id='73L3O'></ul><sub id='73L3O'></sub></form><legend id='73L3O'></legend><bdo id='73L3O'><pre id='73L3O'><center id='73L3O'></center></pre></bdo></b><th id='73L3O'></th></span></q></dt></tr></i><div id='73L3O'><tfoot id='73L3O'></tfoot><dl id='73L3O'><fieldset id='73L3O'></fieldset></dl></div>
        <tfoot id='73L3O'></tfoot>
        • <small id='73L3O'></small><noframes id='73L3O'>

            <bdo id='73L3O'></bdo><ul id='73L3O'></ul>
              <tbody id='73L3O'></tbody>
                本文介绍了离开页面时Js弹出但提交表单时不弹出的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

                问题描述

                当用户试图离开页面时,我在我的网站上使用此代码在弹出窗口中显示警告消息:

                I use this code on my website to display a warning message in a popup when a user trie to leave the page:

                <script type="text/javascript">
                  window.onbeforeunload = confirmExit;
                  function confirmExit()
                  {
                
                    return "Si vous quittez ou actualisez la page, vous perdrez votre tutoriel";
                  }
                </script>
                

                但是,这是在带有表单的页面上.当用户提交表单时,会出现没有意义的弹出窗口.如何修改此代码,以便仅在用户以各种可能的方式离开页面时(关闭选项卡、单击站点徽标、刷新页面)而不是在提交表单时出现弹出窗口?

                However, this is on a page with a form. When the user submits the form, the popup appears which doesn't make sense. How can I modify this code so the popup appears only when the user leaves the page in every way possible (close the tab, clicks on site logo, refresh the page) but not when submitting the form ?

                推荐答案

                我建议捕获表单的提交事件,然后从 onbeforeunloadconfirmExit 函数> 事件绑定或者设置一个标志来表示页面可以提交.例如:

                I would suggest capturing the submit event for the form and then either removing the confirmExit function from your onbeforeunload event binding or setting a flag to indicate that the page can be submitted. For example:

                <script type="text/javascript">
                
                    // Define flag to determine if the page can be left without confirmation
                    var safeToLeave = false;
                
                    // Handle user leaving the page
                    function handleExit () {
                        if (!safeToLeave) {
                            return 'Si vous quittez ou actualisez la page, vous perdrez votre tutoriel';
                        }
                    }
                
                    // Handle the user submitting the page form
                    function handleSubmission() {
                        safeToLeave = true;
                    }
                
                    // Bind to on evemts
                    window.onbeforeunload = handleExit;
                    document.getElementById('#my-form').onsubmit = handleSubmission;
                
                </script>
                

                我建议您通常考虑使用 addEventListener 方法来绑定事件,但是鉴于您的示例,我试图保持我的答案一致.

                I'd recommend you consider using the addEventListener method for binding events in general, however given your example I've tried to keep my answer consistent.

                这篇关于离开页面时Js弹出但提交表单时不弹出的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

                上一篇:如何不等待 Watir-Webdriver 的某些东西 下一篇:我可以在 Firefox 扩展的弹出通知中设置背景颜色吗?

                相关文章

                  <small id='JtAMQ'></small><noframes id='JtAMQ'>

                  • <bdo id='JtAMQ'></bdo><ul id='JtAMQ'></ul>
                  <tfoot id='JtAMQ'></tfoot>

                  1. <i id='JtAMQ'><tr id='JtAMQ'><dt id='JtAMQ'><q id='JtAMQ'><span id='JtAMQ'><b id='JtAMQ'><form id='JtAMQ'><ins id='JtAMQ'></ins><ul id='JtAMQ'></ul><sub id='JtAMQ'></sub></form><legend id='JtAMQ'></legend><bdo id='JtAMQ'><pre id='JtAMQ'><center id='JtAMQ'></center></pre></bdo></b><th id='JtAMQ'></th></span></q></dt></tr></i><div id='JtAMQ'><tfoot id='JtAMQ'></tfoot><dl id='JtAMQ'><fieldset id='JtAMQ'></fieldset></dl></div>
                    <legend id='JtAMQ'><style id='JtAMQ'><dir id='JtAMQ'><q id='JtAMQ'></q></dir></style></legend>