input 的粘贴事件捕获
twocode

    在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。


网友评论已关闭