微信扫一扫打赏支持

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>

 

 

 

 
posted @ 2018-07-06 14:38  范仁义  阅读(2414)  评论(0)  编辑  收藏  举报