在h5中使用input标签的时候,输入内容需要受到各种各样的规则限
制,而在输入的同时进行内容的实时监控和实时提醒,应该是对用户最
好的体验,而不是当用户输入完成后告诉他‘sorry,you break my rule’。
于是开始各种实验和搜索,期间测试过onpaste,onchange,onfocus,....
最后落点是oninput,示例代码如下:
$("#input").on("input",function(){
if($(this).val().length >= 10){
var newDate = new Date();
newDate.setTime(($(this).val()) * 1000);
$('#input1').val(newDate.toLocaleString());
}
});
实时监控input框的输入内容,实时提醒或者相关操作;
ps. 有记载不支持ie,亲测IE11兼容,于是乎基本兼容当前主流浏览器(Firefox Chrome IE).若是自己非要兼容ie6的话,没测,可参考:onpropertychange。