实际事件随控件类型而变化。我提供了一些示例:
$(document).ready(function() {
function callback() { alert($(this).val()); }
$('input[type=number]').on('input',callback);
$('input[type=date]').on('input',callback);
$('input[type=text]').on('keyup',callback);
});
注意:如果您使用CTRL+V粘贴文本,则keyup
事件可能会触发两次。
注意2:右键单击->粘贴将不被识别。paste
事件也无法帮助您,因为它在文本更新之前触发。
$(document).ready(function() {
$('#i1').on('keyup',function() {
alert('Changed');
});
keyup
不会捕获所有情况,例如右键单击/粘贴。 - RichieHindle如果是文本框,则需要使用 .keyup
由于你想要的是html5字段,请尝试使用 .click
应该适用于number
字段,但不确定date
字段是否适用。
这里是使用 on("keyup") 的演示。
像这样的吗?
$(document).ready(function() {
$('#i1').on('keyup',function() {
alert('Change has been recognised!');
});
$('#i1').on('paste',function() {
alert('Change has been recognised!');
});
});
val()
仍显示旧文本) - Alex