且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

离开页面时如何使用Jquery显示弹出式问卷调查

更新时间:2023-02-19 11:09:04

尝试使用window.onbeforeunload事件..

在以下代码段中有个主意.我正在使用这种类型的代码在离开页面之前确认使用..这意味着它是关闭选项卡或刷新页面...

have an idea from the follow code snippet. i am using this type of code to confirm use to before leaving the page.. means either it is close tab or refresh the page...

但是您必须跟踪其刷新或关闭的时间.两者均与前卸载的含义相同. 您不能直接使用它们unloadbeforeunload-它们在关闭窗口之间没有区别,请尝试这样做,因为它可以根据您的要求工作.

But you have to track when it is refresh or close.. both means same to beforeunload.. you can't use directly use them either unload or beforeunload- they do not differ between window close, Try this may be it will work according to your requirements.

http://docs.jquery.com/Events/unload#fn

jQuery:

$(window).unload( function () { alert("Bye now!"); } );

or javascript:

window.onunload = function(){alert("Bye now!");}

有关更多信息,请遵循以下步骤: https://developer.mozilla.org/en/DOM/window.onclose

For more information follow this: https://developer.mozilla.org/en/DOM/window.onclose

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript">
    function confirmBeforeUnload(e) {
        var e = e || window.event;

        // For IE and Firefox
        if (e) {
            e.returnValue = 'Any string';
        }

        // For Safari
        return 'Any string';

    }
    function goodbye(e) {
        if (!e) e = window.event;
        //e.cancelBubble is supported by IE - this will kill the bubbling process.
        e.cancelBubble = true;
        e.returnValue = 'You sure you want to leave?'; //This is displayed on the dialog

        //e.stopPropagation works in Firefox.
        if (e.stopPropagation) {
            e.stopPropagation();
            e.preventDefault();
        }
    }
    window.onbeforeunload = goodbye;
    </script>
    <title>Untitled Document</title>
    </head>

    <body>
    </body>
    </html>

以模态方式打开调查内容以进行交互...单击以下链接可以在页面上创建模态弹出式窗口.

open survey content in modal for interaction... follow these links to create modal popup on your page ..

http://choosedaily.com/1178/15 -jquery-popup-modal-dialog-plugins-tutorials/

http://www.queness.com/post/77/simple-jquery-modal-window-tutorial -按照逐步教程进行操作,并使用代码创建模式弹出窗口.

http://www.queness.com/post/77/simple-jquery-modal-window-tutorial -- follow this step by step tutorial with code to create modal popup..