0

在头部:

<head>
    <script type="text/javascript">                          
        $(document).ready(function() {
            $("#anchor_id").click(clickHandler);
            window.onbeforeunload = confirmExit;
        });

        function clickHandler() {
            /* hide/show some hidden div's */
            $("body").append("<p>Hi there</p>");
        }

        function confirmExit() {
            return "There are some unsaved changes on page.";
        }
    </script>
</head>

体内:

<a id="anchor_id" href="javascript: void(0);">Click Me</a>

onbeforeunload在 Internet Explorer 中单击此链接时是否可以防止被调用?在其他浏览器中,代码运行良好。

4

3 回答 3

1

尝试设置href="#",并在函数中返回 false clickHandler(或通过 阻止默认事件event.preventDefault()

于 2009-11-16T13:40:23.437 回答
0

您可以使用jQuery的浏览器帮助程序将事件分配包装在条件浏览器逻辑中:

http://docs.jquery.com/Utilities/jQuery.browser.version

于 2009-11-16T13:43:01.560 回答
0

试试这个,在 FF3.5 和 IE8 中测试过

<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function()
            {
                $("#anchor_id").click(clickHandler);
                window.onbeforeunload = function()
                {
                    return "There are some unsaved changes on page.";
                };
            });

            function clickHandler()
            {
                /* hide/show some hidden div's */
                $("body").append("<p>Hi there</p>");
                return false;
            }
        </script>
    </head>
    <body>
        <a id="anchor_id" href="javascript: void(0);">Click Me</a>
    </body>
</html>
于 2009-11-16T15:10:01.040 回答