Focus/blur 事件未被触发

Question

我正在尝试将 "focus" 事件绑定到文本框，这样每次焦点到达它时，它都应该调用一个函数。但是，它不会触发焦点事件。当我将光标移到文本框内时，没有任何反应。绑定到 "click" 事件的其他事件在单击按钮时触发。

下面是代码片段：

P.when('A',  'ready').register('dom-updater', function(A) {
var $ = A.$;
var render = function () {
    if (state.widgetType === "maker") {
        $('#saveData').bind('click', function(event) {
            saveInfoData();
        });
        $('#verifyBtn').bind('click', function(event) {
            validateData();
        });

   //This line does not work
    $( "#textBoxId" ).focus(function() {
        console.log( "Handler for .focus() called." );
    });
} else {
   //Do something else
}
};

A.on.ready(function() {
    render();
});
}

我试过使用 'blur' 和 'focus'，但它不起作用。

$('#textBoxId').bind('blur', function(event) {
      console.log("IN blur call");
 });

为什么文本框没有附加到焦点事件？

Answer 1

$('body').on('focus', '#textBoxId', function() {
  //code
  console.log("IN focus call");
});
$('body').on('blur', '#textBoxId', function() {
  //code
  console.log("IN blur call");
});

这会起作用

Focus/blur 事件未被触发

Focus/blur event not getting triggered

javascript

jquery

frontend

focus

jquery-ui