javascript - 为什么我的输入元素在回发后不保留焦点/模糊事件？

Question

我正在使用 jQuery 通过

设置某些输入文本框控件的焦点/模糊事件

$(function() {
  ..
});

但是每当发生回发时，我的控件就不再执行这些事件。我尝试将它们从文档就绪事件中删除，并将代码放在文档底部，希望它每次都能加载它，但这不起作用。如何让这些控件在回发后保留焦点/模糊事件？

我认为这并不重要，但这些回发发生在 ajax:UpdatePanel

Answer 1

您将事件一次附加到元素上，稍后它们会被删除，这意味着事件也会被删除。您可以一次又一次地附加事件，但您可以简单地将事件附加到更高级别的父节点，而不必担心它:

$(function () {
    $(document).on('focusin', 'input.userTxtA_center', function () {
            this.value = '';
            this.className = 'userTxtB_center';

    });
});

我使用 focusin 事件而不是 focus，因为 focus 不会冒泡。

隔离演示:http://jsfiddle.net/TUqsE/