焦点/模糊事件未触发

Question

我正在尝试将“焦点”事件绑定到文本框，这样每次焦点到达它时，它都应该调用一个函数。但是，它不会触发焦点事件。当我将光标移入文本框时，什么也没有发生。每当单击按钮时，都会触发与“单击”事件绑定的其他事件。

下面是代码sn-p：

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();
});
}

我尝试过使用“模糊”和“焦点”，但它不起作用。

$('#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");
});

这会起作用