如何在输入数字时准确绑定文本框更改事件？

Question

我试图遍历9 * 9数独网格的单元格。当在文本框中输入1到9的数字时，我只想提醒。

        $('table tr td input').on({"change": function () {
                var cell = $(this).val();
                alert("Cell Value = " + cell);
        }});

以上代码仅在用户将光标移出文本框时发出警报。但是我希望它一进入就行。怎么做？

Answer 1

尝试在此上下文中使用keyup事件，

$('table tr td input').on({"keyup": function () {

Procedural Demo

Answer 2

您可以将input方法用作事件：

$('table tr td input').on({"input": function () {

---

根据您的评论，您必须使用keyup事件，因为input事件未向您提供密码访问权限：

$('input').on({
   "keyup": function (e) {
      var cell = $(this).val(),
          kc = e.which || e.keyCode; // get the keycode
      if (kc !== 8 && kc !== 46) { // alert only if not backspace and delete
          alert("Cell Value = " + cell);
      }
   }
});

Answer 3

您必须使用key up事件来获取值

$('table tr td input').on({"keyup": function () {
                var cell = $(this).val();
                alert("Cell Value = " + cell);
        }});