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

Question

我有两件物品

item1 是文本框

item2是提交按钮

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

所以如果用户按下是，他可以继续前进

如果用户按否，该文本框将是空白的，需要再次输入详细信息。

所以现在我的问题是，如果用户在 item1 中输入详细信息并直接单击 item2，则 按钮的提交事件被拒绝，并且 item1 的模糊事件被调用。所以第一次被拒绝，用户必须按第二次按钮（这是问题）。

如果用户点击 item2，如何在 item1 的模糊事件中知道，然后我可以继续触发 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
    }
});

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

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

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