模糊和提交/单击事件的冲突

Question

我有两件东西

item1是文本框

项目2是提交按钮

现在item1在jquery中有模糊事件。在那个模糊事件中，我进行了验证，若验证失败，用户将收到确认消息。

所以，如果用户按yes，他可以继续

如果用户按“否”，则文本框将为空，需要再次输入详细信息。

所以现在我的问题是，若用户在item1中输入详细信息并直接单击item2，按钮的submit事件将被拒绝，item1的blur事件将被调用。所以第一次被拒绝，用户必须按第二次按钮（这就是问题所在）。

因此，如何知道在item1的模糊事件，如果用户点击item2比我可以进一步触发item2的点击事件。

Answer 1

考虑这个代码

var $item1 = $('#item1');
var $item2 = $('#item2');
$item1.on('blur', function (oEvent) {
    if ($item2.is(oEvent.relatedTarget)) {
        // your blur is caused by click on $item2 a.k.a submit button
    } else {
        // your blur is caused by smth else
    }
});

它检查焦点移动的位置，您可以添加一些特定的布尔标志，以便稍后在提交处理程序中使用，或者以某种方式更改验证。

请注意，模糊事件是失去焦点的事件，焦点可能会消失，不仅是因为点击，还因为标签导航。

更新：
添加了一个JSFIDLEhttp://jsfiddle.net/DbjQc/尝试聚焦文本输入，然后单击其他位置。之后，再次尝试聚焦文本输入，然后单击提交按钮-您将看到行为如何变化。