javascript - 获取空白网页并显示 'event.returnValue is deprecated' 警告-6ren

javascript - 获取空白网页并显示 'event.returnValue is deprecated' 警告

转载作者：行者123 更新时间：2023-12-02 17:43:58

26

4

我知道以前有人问过这个问题，它曾经是一个错误等，但我正在使用 jQuery v1.11.0 应该已经修复了它。我遇到的问题是，当我加载页面时，假设有一张有效的幻灯片(作为介绍)，然后出现一个按钮，让您进入主页。在我的主页中，我有一个实时图表，它放置在一个名为“占位符”的 div 中。现在一切都工作得很好，但一旦我尝试将“占位符”div 嵌套在任何其他 div 中，我就会收到 event.returnValue is deprecated 警告和空白屏幕。所以基本上当我现在加载屏幕时，我只是得到一个空白的白色页面，没有任何介绍。这是唯一执行的代码:

$(window).load(function () {
        //Display Intro
            $("#main").hide();
            $("#blocker").hide();
            $("#blocker").fadeIn(2000);//make my intro sexy
            $("#btnEnter").show();

    });//when this line is hit, it then throws that warning and I get a blank screen

这是我的整个代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebSockets.aspx.cs" Inherits="WebSockets_and_Multi_Threading.WebSockets" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Real Time Display</title>

<!-- Meta tag  (for safari) -->
<meta content="width=device-width, minimum-scale=1, maximum-scale=1" name="viewport" />

<!-- Javascript -->
<script src="flot/jquery.js" type="text/javascript"></script>
<!-- <script src="jQuery-Mobile/jquery.mobile-1.4.1.js"></script> -->
<script src="flot/jquery.flot.js" type="text/javascript"></script>
<script src="flot/jquery.flot.crosshair.js" type="text/javascript"></script>
<script src="flot/jquery.flot.resize.js" type="text/javascript"></script>
<script src="flot/jquery.flot.threshold.js" type="text/javascript"></script>

<!-- CSS -->
<link rel="stylesheet" type="text/css" href="CSS/Intro.css" />
<link href="jQuery-Mobile/jquery.mobile-1.4.1.css" rel="stylesheet" />
<script type="text/javascript">

    $(window).load(function () {
        //Display Intro
            $("#main").hide();
            $("#blocker").hide();
            $("#blocker").fadeIn(2000);
            $("#btnEnter").show();
    });

    function loadMainMenu() {
        debugger;
        $("#blocker").hide();
        $("#btnEnter").hide();
        $("#main").show();
    }
</script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager" runat="server" EnablePageMethods="true" ScriptMode="Release" />

    <!-- main menu -->
    <div id="main">
        <h1>ITPS Real Time Monitoring</h1>

        <!-- Div for flot graph -->
        <div id="chart-container">
            <div id="placeholder" style="width: 600px; height: 220px;" />
            <div id="placeholder2"></div>
        </div>
    </div>


    <!-- Intro div -->
    <div id="blocker">
        <img id="introImage" src="Images/Untitled.png" alt="some_text" />
        <input id="btnEnter" type="button" value="Enter" onclick="loadMainMenu();" />
    </div>

    <asp:Label ID="LabelError" runat="server" />

</form>

编辑:调用 $("#btnEnter").show() 后，控制台将进入这一小段 jquery 代码(来自库):

// Triggered event must either 1) be non-exclusive and have no namespace, or
            // 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace).
            if ( run_all || (!event.namespace && !handleObj.namespace) || event.namespace_re && event.namespace_re.test( handleObj.namespace ) ) {

                event.data = handleObj.data;
                event.handleObj = handleObj;

                ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler )
                        .apply( matched.elem, args );

                if ( ret !== undefined ) {
                    event.result = ret;
                    if ( ret === false ) {
                        event.preventDefault();
                        event.stopPropagation();
                    }
                }

并且在控制台中(调试时)ret 似乎是“未定义”。

最佳答案

我找到了。您在这里错过了结束 div 标签:

<div id="placeholder" style="width: 600px; height: 220px;" />

这应该是:

<div id="placeholder" style="width: 600px; height: 220px;"></div>

您不能使用自闭合 div 标签。这就是导致您错误的原因。

在这里查看:http://jsfiddle.net/fkXY9/1/

Javascript:

$(document).ready(function () {
    $("#main").hide();
    $("#blocker").hide();
});
$(window).load(function () {
    $("#blocker").fadeIn(2000);
});

function loadMainMenu() {
    debugger;
    $("#blocker").hide();
    $("#btnEnter").hide();
    $("#main").show();
}

HTML:

<form id="form1" runat="server">
    <div id="main">
        <h1>ITPS Real Time Monitoring</h1>
        <!-- Div for flot graph -->
        <div id="chart-container">
            <div id="placeholder" style="width: 600px; height: 220px;"></div>
            <div id="placeholder2"></div>
        </div>
    </div>
    <div id="blocker">
        <img id="introImage" src="Images/Untitled.png" alt="some_text" />
        <input id="btnEnter" type="button" value="Enter" onclick="loadMainMenu();" />
    </div>
</form>

我还将您的隐藏事件移至 $(document).ready() 函数。当它在 window.load() 函数中时，它会短暂显示然后隐藏，这解决了这个问题。

关于javascript - 获取空白网页并显示 'event.returnValue is deprecated' 警告，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21937280/

26

4

0

文章推荐： javascript - IE8中属性绑定(bind)的Knockout js

文章推荐： Javascript 在类似数组的表中查找字符串

java - 从另一个类访问 returnValue
这个问题已经有答案了: Non-static variable cannot be referenced from a static context (15 个回答) 已关闭 8 年前。我想访问另一
python - 使用 ReturnValue 时出现扭曲异常
在函数中使用返回值时出现此异常 @inlineCallbacks def my_func(id): yield somefunc(id) @inlineCallbacks def somef
dart - Dart 事件.returnValue = X
我有旧代码，我不确定如何更改它，我需要使用旧的.returnValue，但现在不存在了，我该如何解决？ rootElement.onSelectStart.listen((Event e) {
javascript - 为什么不推荐使用 event.returnValue？这有什么意义呢？
这个问题在这里已经有了答案: event.returnValue is deprecated. Please use the standard event.preventDefault() inst
javascript - IE6 中的 event.returnValue
以下代码不应在 IE 和 Firefox 中打开新窗口。它在 Firefox 中不打开，但在 IE 中打开。怎么了？ var EventLib = { "preventDefault" :
javascript - event.returnValue = false 一个事件
我正在使用 Javascript 编写滚动条。除一个问题外，一切正常。我注意到在拖动滚动条时，如果我将鼠标移到正在滚动的上下文上，则会选择内容。我不希望这种情况发生，所以我使用了事件对象中的 prev
javascript - event.returnValue 在 IE7 中给我一个错误
所以我从错误开始，因为 e.preventDefault 在 IE7 中不起作用。我发现event.preventDefault() function not working in IE在这里并实现了
javascript - 获取空白网页并显示 'event.returnValue is deprecated' 警告
我知道以前有人问过这个问题，它曾经是一个错误等，但我正在使用 jQuery v1.11.0 应该已经修复了它。我遇到的问题是，当我加载页面时，假设有一张有效的幻灯片(作为介绍)，然后出现一个按钮，让您
jquery - 为什么我收到 "event.returnValue is deprecated..."以及如何纠正它？
这个问题已经有答案了: event.returnValue is deprecated. Please use the standard event.preventDefault() instead
c# - Returnvalue with ref 与两个 out Values 相比
我今天和一个同事讨论过，关于如何最好地返回两个值。我们产生了三种不同的意见。这个问题很重要，我们不能使用额外的类或结构(因此没有元组)，这是这个问题的首选答案:Clean Code - Are out
javascript - Jasmine spy : Getting an error in returnValue
我正在尝试用 jasmine spy 编写单元测试用例。下面是我的服务代码。 function reset(someParam) { var deferred = $q.defer(); svcTyp
javascript - jQuery 模态在最新版本中不起作用并且 event.returnvalue 已弃用错误
我正在使用 javascript 函数进行某种验证，编辑我使用在 firefox 中有效但在 chrome 中无效的确切代码对以下函数进行了编辑，并给出了以下错误， function check_
javascript - event.returnValue=false 的问题；在js中
Statements with returnValue Drive C 问题: 我们有这一行:event.returnValue=false;但是为什么alert()仍然被执行？那么，使用
asp.net - window.returnValue 属性允许的最大长度是多少？ (JavaScript)
在模态中使用 window.returnValue (变体)时是否有最大长度？我使用 showModalDialog() 调用模式窗口并返回逗号分隔的字符串。选择一组用户后，我将它们放入字符串构建器
php - 为什么模拟的 returnValue 在 phpunit 的拆卸中不起作用？
在我的测试类的设置中，我为用户创建了一个模拟对象。创建模拟时，它会执行如下操作: $other = $this->getMock( 'Other' ); $user->expects( $this->
sql-server - 带有 ReturnValue 参数的 EF ExecuteStoredCommand
我正在创建一个需要与旧代码交互的新应用程序:(。我尝试调用的存储过程使用 RETURN 作为其结果。我尝试执行并使用返回值导致异常: InvalidOperationException: When
javascript - event.returnvalue=false 在 Firefox 中不起作用？
我正在开发一个旧应用程序以使其与 Firefox 兼容。由于旧应用程序不使用 Jquery，我必须仅使用 Javascript 完成所有工作。我有一个用于输入日期的输入字段。该字段应该只允许 0-9
javascript - 不推荐使用带有 event.returnVAlue 的 jQuery 警告
每当我使用一些 jQuery 构建网页时，使用版本:http://code.jquery.com/jquery-1.10.2.js 每次通过 Google Chrome 的控制台运行网页时，我都会收到
javascript - Jasmine :这是 returnValue 和 callFake 之间的唯一区别吗？
callFake和returnValue的唯一区别是callFake可以根据自定义逻辑(参数/环境)返回不同的值？还有其他区别吗？最佳答案 callFake(() => {...}) 接受回调函数

首页

博学

6Ren·AI

商城

javascript - 获取空白网页并显示 'event.returnValue is deprecated' 警告