首页 > jQuery
input 的粘贴事件捕获
发布时间:2017-01-18 11:34:30
访问量:105

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


相关文章 更多文章
UEditor 代码的高亮显示
测试代码
jQuery中的节点操作
Ajax中GET与POST方式的选择
jQuery选择器的种种
发表评论 0
网友评论
© 2010-2015 PekingPiao.com
版权所有 DBR
Mem
Top