检测更改的输入文本框

我还研究了许多其他问题，并找到了非常简单的答案，包括下面的代码。我只是想检测当有人改变文本框的内容，但由于某种原因，它不工作…我没有得到控制台错误。当我在浏览器的change()函数中设置断点时，它永远不会碰到它。

$('#inputDatabaseName').change(function () { 
    alert('test'); 
});

<input id="inputDatabaseName">

当前回答

工作:

$("#ContentPlaceHolder1_txtNombre").keyup(function () {
    var txt = $(this).val();
        $('.column').each(function () {
            $(this).show();
            if ($(this).text().toUpperCase().indexOf(txt.toUpperCase()) == -1) {
                $(this).hide();
            }
        });
    //}
});

2018-01-23 14:59:51

其他回答

当浏览器对文本框执行自动填充时，Onkeyup, onpaste, onchange, oninput似乎失败了。要处理这种情况，包括"autocomplete='off'"在你的文本框，以防止浏览器自动填充文本框，

Eg,

<input id="inputDatabaseName" autocomplete='off' onchange="check();"
 onkeyup="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();" />

<script>
     function check(){
          alert("Input box changed");
          // Things to do when the textbox changes
     }
</script>

2014-02-02 19:39:31

文本输入直到失去焦点才触发更改事件。单击输入之外，将显示警报。

如果回调应该在文本输入失去焦点之前触发，则使用.keyup()事件。

2011-05-27 13:42:42

工作:

$("#ContentPlaceHolder1_txtNombre").keyup(function () {
    var txt = $(this).val();
        $('.column').each(function () {
            $(this).show();
            if ($(this).text().toUpperCase().indexOf(txt.toUpperCase()) == -1) {
                $(this).hide();
            }
        });
    //}
});

2018-01-23 14:59:51

试试这样的方法，总是管用的。

$(function() {
    $("#my_input").on("change paste keyup", function() {
       alert($(this).val()); 
    });
});

2021-03-24 14:56:04

我认为你也可以使用keydown:

$('#fieldID').on('keydown', function (e) {
  //console.log(e.which);
  if (e.which === 8) {
    //do something when pressing delete
    return true;
  } else {
    //do something else
    return false;
  }
});

2014-02-06 13:29:51

检测更改的输入文本框

推荐文章

最新文章

标签