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>

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM