码迷,mamicode.com
首页 > 移动开发 > 详细

移动端用js与jquery实时监听输入框值的改动

时间:2016-06-10 23:11:06      阅读:283      评论:0      收藏:0      [点我收藏+]

标签:

 

背景:

 

在一次移动端H5开发中,需要监听输入框值的实时变动。

onchange事件肯定抛弃,因为只能失去焦点才触发。

keyPress在Android可以触发,iOS不可以。

又不想用Android和iOS都可以触发的keyDownkeyUp

于是,百度出了新东西:oninput!【需要配合propertychange,兼容 IE9 以下版本】

 

用法:

 

JS:

if(isIE) 
{ 
  document.getElementById("input").onpropertychange = keys(); 
} 
else 
{ 
  document.getElementById("input").addEventListener("input", keys, false);
}

 

jQuery:

$(‘input‘).bind(‘input propertychange‘, function() { 
  //进行相关操作 
});

注意,下面的写法不支持

//N/A!
$(‘input‘).input(function() {   //进行相关操作 });

 

参考资料:js与jquery实时监听输入框值的oninput与onpropertychange方法

 

移动端用js与jquery实时监听输入框值的改动

标签:

原文地址:http://www.cnblogs.com/xjnotxj/p/5574354.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!