jQuery event.result 属性

jQuery 的event.result 属性用于检索由指定事件触发的事件处理程序返回的最后一个或上一个值。

此属性包含同一事件的上一个事件处理程序返回的值。如果上一个处理程序没有返回值，则event.result 将为undefined。

语法

以下是 jQuery event.result 属性的语法：

event.result

参数

此属性不接受任何参数。

返回值

此属性返回事件处理程序返回的最后一个或上一个值。

示例 1

以下是 jQuery event.result 属性的基本示例：

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
</head>
<body>
    <p>Click on the below button to see the event result</p>
    <button>Click me!</button>
    <script>
        $('button').click(function(){
            return "TutorialsPoint";
        });
        $('button').click(function(event){
            alert("Eevnt result: " + event.result);
        })
    </script>
</body>
</html>

输出

以上程序显示一个按钮，当单击该按钮时，会在浏览器屏幕上弹出一个警报，显示事件结果：

单击按钮时：

示例 2

以下是 jQuery event.result 属性的另一个示例。我们使用此属性来检索由指定元素触发的事件处理程序的返回值：

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <style>
        button{
            background-color: green;
            color: white;
            padding: 10px
        }
        span{
            color: green;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <p>Click on the below button to see the event result</p>
    <button>Click to see event result</button>
    <span></span>
    <script>
        $('button').click(function(){
            return "Welcome to TP";
        });
        $('button').click(function(event){
            $('span').text("Eevnt result: " + event.result);
        })
    </script>
</body>
</html>

输出

执行以上程序后，它会显示一个按钮，当单击它时，事件结果将显示在其旁边：

单击按钮时：

示例 3

如果上一个事件处理程序没有返回值，则event.result 将为undefined：

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
</head>
<body>
    <p>Click on the below button to see the event result</p>
    <button>Click</button>
    <span></span>
    <script>
        $('button').click(function(){
            return;
        });
        $('button').click(function(event){
            $('span').text("Eevnt result: " + event.result);
        })
    </script>
</body>
</html>

输出

以上程序返回 undefined 作为结果：

jquery_ref_events.htm

打印页面