jQuery事件传播: fadeIn get多次调用

Question

这是我的基本案子。如果我单击Text，一个文本框将淡入，并将焦点放在该文本框上。当我按Esc时，文本框将消失，Text将淡入。http://jsfiddle.net/FDjUm/。我有两个问题。请参阅下面的“我的问题的视觉演示”

1) http://jsfiddle.net/FDjUm/4/ --我在focus中放了一个警告框，它被无限地调用。那是为什么，我怎样才能修好它？

2) http://jsfiddle.net/Zh8HR/13/ --我在fadeIn中放了一个警告框。警报被称为倍数(不是无限)。所以我把return false放在第一次(第一次点击并按Esc)，它工作得很好(警报框只出现一次)。但是您单击的和esc越多，警报框出现的时间就越多？为什么以及如何修复它？

我是jQuery新手，所以如果我写jQuery的方式不恰当，就应该受到批评。我想学习并写出好的代码。

Answer 1

警报会导致焦点丢失。单击“确定”后，焦点返回。

这会导致显示警报，从而导致焦点丢失。等等

编号2

只需将keyup移出焦点函数即可。

让我帮你修理那把小提琴。1秒..。

http://jsfiddle.net/FDjUm/7/

给你:)

编辑

更好的代码：

http://jsfiddle.net/FDjUm/8/

Answer 2

也许您可以移除对ESC键的关注：

       jQuery("#textBox").blur().hide();

我认为你隐藏了文本框，但文本框仍然有焦点.

Answer 3

第一个(可能还有第二个)的修复方法是更改行

jQuery("#textBox").focus();

要使用$.triggerHandler()函数，请执行以下操作：

jQuery("#textBox").triggerHandler('focus');