我还研究了许多其他问题,并找到了非常简单的答案,包括下面的代码。我只是想检测当有人改变文本框的内容,但由于某种原因,它不工作…我没有得到控制台错误。当我在浏览器的change()函数中设置断点时,它永远不会碰到它。
$('#inputDatabaseName').change(function () {
alert('test');
});
<input id="inputDatabaseName">
我还研究了许多其他问题,并找到了非常简单的答案,包括下面的代码。我只是想检测当有人改变文本框的内容,但由于某种原因,它不工作…我没有得到控制台错误。当我在浏览器的change()函数中设置断点时,它永远不会碰到它。
$('#inputDatabaseName').change(function () {
alert('test');
});
<input id="inputDatabaseName">
当前回答
我认为你也可以使用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;
}
});
其他回答
在我的例子中,我有一个附加到日期选择器的文本框。对我来说唯一有效的解决方案是在datepicker的onSelect事件中处理它。
<input type="text" id="bookdate">
$("#bookdate").datepicker({
onSelect: function (selected) {
//handle change event here
}
});
你可以像这样在jQuery中使用输入Javascript事件:
$('#inputDatabaseName').on('input',function(e){
alert('Changed!')
});
在纯JavaScript中:
document.querySelector("input").addEventListener("change",function () {
alert("Input Changed");
})
或者像这样:
<input id="inputDatabaseName" onchange="youFunction();"
onkeyup="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();"/>
工作:
$("#ContentPlaceHolder1_txtNombre").keyup(function () {
var txt = $(this).val();
$('.column').each(function () {
$(this).show();
if ($(this).text().toUpperCase().indexOf(txt.toUpperCase()) == -1) {
$(this).hide();
}
});
//}
});
$('#inputDatabaseName').change(function(){
alert('Changed!')
});
源
试试keyup而不是change。
<script type="text/javascript">
$(document).ready(function () {
$('#inputDatabaseName').keyup(function () { alert('test'); });
});
</script>
下面是.keyup()的官方jQuery文档。