zoukankan      html  css  js  c++  java
  • js进阶 12-8 如何知道上一个函数的返回值是什么(如何判断上一个函数是否执行成功)

    js进阶 12-8 如何知道上一个函数的返回值是什么(如何判断上一个函数是否执行成功)

    一、总结

    一句话总结:event的result属性即可。

    1、event的result属性的实际应用场景是什么?

    通过上一个函数传过来的值判断,如果成功就怎么样,如果失败就怎么样。

    21         $('#btn1').click(function(){
    22             // return 100
    23             return true
    24         })
    25         $('#btn1').click(function(e){
    26             // alert(e.result)
    27             if (e.result) {
    28                 alert('进入下一关!')
    29             }else{
    30                 alert('Game Over!')
    31             }
    32         })

    二、如何知道上一个函数的返回值是什么(如何判断上一个函数是否执行成功)

    1、相关知识

    event.result这个属性包含了当前事件事件最后触发的那个处理函数的返回值

    如果为DOM元素的同一事件类型绑定了多个事件处理函数,你可以使用result属性获取上一个事件处理函数执行的返回值。

    2、代码

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <style>
     4 </style>
     5 <head>
     6     <meta charset="UTF-8">
     7     <title>演示文档</title>
     8     <script type="text/javascript" src="jquery-3.1.1.min.js"></script>
     9     <style type="text/css">
    10         input{width: 100px;height: 30px;}
    11         div{width: 100px;height: 100px;border:1px solid green;}
    12       </style>
    13 </style>
    14 </head>
    15 <body>
    16 <h3>jQuery事件对象</h3>
    17 <div id="div1"><p id="pid"></p></div>
    18 <input id="btn1" type="button" value="事件对象">
    19 <script type="text/javascript">
    20     $(function(){
    21         $('#btn1').click(function(){
    22             // return 100
    23             return true
    24         })
    25         $('#btn1').click(function(e){
    26             // alert(e.result)
    27             if (e.result) {
    28                 alert('进入下一关!')
    29             }else{
    30                 alert('Game Over!')
    31             }
    32         })
    33     })
    34 </script>
    35 </body>
    36 </html>
     
  • 相关阅读:
    2021.9.15 单一职责原则
    2021.9.21 Hive元数据
    2021.9.22 抽象工厂方法模式(人与肤色)
    2021.9.25 Hive安装
    1021每日博客
    1027每日博客
    1018每日博客
    1028每日博客
    1026每日博客
    1025每日博客
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/9273506.html
Copyright © 2011-2022 走看看