如何知道请求来自触发器点击

Question

我有两个按钮，即'拒绝按钮'和'上一个按钮'。单击拒绝按钮时，我正在对上一个按钮进行触发器调用。在Prev按钮处理程序中可以通过单击Reject按钮来知道请求来自哪里？

这是我的代码

$(document).on('click', '#prev', function(event) { 
 
    var event_from = event.target.tagName; 
 
    alert(event_from); 
 
}); 
 

 
$(document).on('click', '#reje', function(event) { 
 
    $("#prev").click(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <input type="button" id="reje" value="Reject"> 
 
</div> 
 
<input type="button" id="prev" value="prev">

我已经使用event.target.tagName;，但我得到的值在这两种情况下试图为INPUT

http://jsfiddle.net/Us8uc/4350/

Answer 1

可能吗在Prev按钮处理程序中知道通过点击拒绝按钮发出请求？

一个选项是检查event对象上的.isTrigger属性。它应该返回true，如果事件被触发（就像在这种情况下一样）。正如在下面的评论中指出的那样，这个是一个没有记录的内部特征，虽然这在目前可能不太可能。请参阅下面的其他选项。

Updated Example

$(document).on('click', '#prev', function(event) { 
    if (event.isTrigger) { 
    alert('Triggered by reject.'); 
    } 
}); 

$(document).on('click', '#reje', function(event) { 
    $("#prev").click(); 
}); 

---

你也可以检查，以确定事件如何起源的event对象的.originalEvent财产。该属性设置为仅当事件originated from the browser，这意味着，这将是undefined触发时：

Updated Example

$(document).on('click', '#prev', function(event) { 
    if (event.originalEvent === undefined) { 
    alert('Triggered by reject.'); 
    } 
}); 

$(document).on('click', '#reje', function(event) { 
    $("#prev").click(); 
}); 

---

或者，你可以触发点击事件之前设置一个标志：

Updated Example

var triggeredByReject = false; 

$(document).on('click', '#prev', function(event) { 
    if (triggeredByReject) { 
    triggeredByReject = false; 
    alert('Triggered by reject.'); 
    } 
}); 

$(document).on('click', '#reje', function(event) { 
    triggeredByReject = true; 
    $("#prev").click(); 
}); 

---

另一种选择是将比较时间戳的事件：

Updated Example

var lastRejectClick = 0; 
$(document).on('click', '#prev', function(event) { 
    if (lastRejectClick > event.timeStamp) { 
    alert('Triggered by reject.'); 
    } 
}); 

$(document).on('click', '#reje', function(event) { 
    lastRejectClick = event.timeStamp + 10; 
    $("#prev").click(); 
}); 

^{*我加入10毫秒的时间戳考虑到潜在的时间戳逼近/差异。}