html页面 事件监听,HTML的input监听输入事件

$("#term").bind('input propertychange', function () {

var term = $("#term").val();

if (!type.test(term)) {

$("#message").html(" ဆ 输入有误，请输入正整数");

$("#addActive").addClass("layui-btn-disabled");

return false;

}

else {

$("#addActive").removeClass("layui-btn-disabled");

$("#message").html("  输入正确");

}

});

当输入框的值发生变化时，我们可以通过keydown、keyup、input、onchange、blur事件观察到其值的变化，但它们的应用时机与应用场景存在显著的差异。

1. 实时观察

需要观察到用户每次键盘输入的变化，必须要用keydown、keyup与input，onchange与blur无效。在这其中，keyup与input都能及时获取到用户输入的全值，而keydown不会将当前的键值计入到输入框的值中，示例如下：

//  假定页面存在如下元素

//

//  注册input事件

username.addEventListener("input", function(event) {

<