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、代码
<!DOCTYPE html>
<html lang="en">
<style>
</style>
<head>
<meta charset="UTF-8">
<title>演示文档</title>
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<style type="text/css">
input{width: 100px;height: 30px;}
div{width: 100px;height: 100px;border:1px solid green;}
</style>
</style>
</head>
<body>
<h3>jQuery事件对象</h3>
<div id="div1"><p id="pid"></p></div>
<input id="btn1" type="button" value="事件对象">
<script type="text/javascript">
$(function(){
$('#btn1').click(function(){
// return 100
return true
})
$('#btn1').click(function(e){
// alert(e.result)
if (e.result) {
alert('进入下一关!')
}else{
alert('Game Over!')
}
})
})
</script>
</body>
</html>