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>