按下 enter 后，我希望只触发 keyup 事件，但是先触发了 blur。如何在使用 enter 键触发 keyup 时取消 blur？
请不要建议将 blur 和 keyup 绑定到单个 live() 方法中。
$(".textbox").on("blur",function () {
alert("blur Event fired");
});
$(".textbox").on("keyup",function (event) {
if(event.keyCode == 13){ // Detect Enter
alert("KeyUp fired after pressing Enter");
}
});
编辑
为了防止两个事件同时触发，你需要在导致失焦前标记该元素。这样，你的blur事件处理程序就可以判断该事件是keyup事件的影响，还是合理地失去焦点。像这样：
$(".textbox").live("blur",function (event) {
if (!$(this).hasClass('keyupping'))
alert("blur Event fired");
});
$(".textbox").live("keyup",function (event) {
$(this).addClass('keyupping');
if(event.keyCode == 13){ // Detect Enter
alert("KeyUp fired after pressing Enter");
}
$(this).removeClass('keyupping');
});
原始回答
当keyup事件触发时，它准备绘制浏览器警报对话框，这将使焦点从文档移开并应用于模态对话框。这将导致blur事件的触发。
然后，blur事件跳入并在keyup不知所措之前完成其执行上下文。
通过使用不会将焦点从元素移开的内容来演示这一点，例如console.log：http://jsfiddle.net/GRMule/7vRLW/
事件触发的顺序是特定于实现的，这意味着您不能指望Firefox的表现像IE一样。请参见规范：http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-eventgroupings。在IE中尝试警报的情况下，您将看到blur在IE 7之前会被触发 - blur在Chrome中不会触发！
blur事件的触发？ - Bhavesh Gblur不接收任何键盘信息，因此您将无法检测到涉及哪个键。实际上，键并不是元素失去焦点的原因，而是警报在起作用。 - Chris Baker$input.blur() 而不是在按下Enter键时调用请求，这样就可以解决问题了！这让我想到...如果按下Enter键会导致模糊，那么我是否需要尝试捕获它呢？我有一个输入框，用户可以更改它，焦点移出或按下回车键。
但是当您按下回车键时，会触发keydown和blur两个事件，因此myFunction()会被触发两次。
所以，不需要编写两个单独的函数来处理keydown和blur事件，您可以将它们放入一个单一的函数中：
my_input.on('keydown blur', function (e) {
// was it the Enter key?
if (e.which == 13) {
$(this).blur();
}
if (e.type == 'blur') {
myFunction();
}
});
以下代码在primefaces 5.2.5中适用：
<p:inputText onkeydown="if (event.keyCode === 13) {return false; }" value="#{myForm.name}">
<p:ajax event="blur" update="@this" listener="#{bean.func()}" />
</p:inputText>
即使按下Enter键，模糊事件也不会触发。
$(".textbox:not(.added)").on("blur", function () {
alert("blur Event fired");
});
$(".textbox").on("keyup", function (event) {
if (event.keyCode == 13) {
$(event.currentTarget).addClass('added');
alert("KeyUp fired after pressing Enter");
}
});
keyup 是触发 blur 事件的一个触发器。当 keyup 触发时，您应该添加一个标志： $('#exemple').keyup(function (e) {
if (e.which == 13) {
$('#exemple').addClass('keyupfired');
alert('whatever');
}
});
然后，当触发 blur 事件时，它应该询问是否已经触发了 keyup 事件。如果你想让用户离开文本框时再次触发事件，请记得移除标志：
$('#exemple').on("blur", function () {
if (!$('#exemple').hasClass('keyupfired')) {
alert('whatever');
}
$('#exemple').removeClass('keyupfired');
});
我无法更改class属性，所以最终得到了以下结果：
$(".textbox").on("blur",function () {
if($(this).attr('flag')!='1')
alert("blur Event fired");
});
$(".textbox").on("keyup",function (event) {
$(this).attr('flag','1');
if(event.keyCode == 13){ // Detect Enter
alert("KeyUp fired after pressing Enter");
}
$(this).attr('flag','0');
});
var triggerBlur = true;
$(".textbox")
.live({
blur : function () {
if (triggerBlur) {// if not preceded by keyup 'Enter' event
alert("blur Event fired");
}
// reset variable to true to allow the blur event to be triggered subsequently when not preceded by keyup 'Enter' event
triggerBlur = true;
},
keyup : function (event) {
if(event.which === 13){ // Detect Enter
alert("KeyUp fired after pressing Enter");
triggerBlur = false;
}
});
同时，最好使用 event.which 而不是 event.keyCode（请参见 http://api.jquery.com/event.which/ 了解原因），并且建议在 JavaScript 中使用身份运算符 '===' 而不是相等运算符 '=='，因为后者已经失效（请参见 Which equals operator (== vs ===) should be used in JavaScript comparisons?）
blur不应该触发呢？注意：live()已经被弃用，即使这个事实与你在这里的问题无关。 - kapakeypress替代keyup，并使用on替代live。 - Dhiraj