通过定时监听input框来实现onkeyup事件-
问题:因为zepto无法使用onkeyup 事件
解决方法:通过给input框绑定focus 事件,定时的去监听input的值得改变,在鼠标移出input后,清除定时器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input id="box" type="text">
<script type="text/javascript" src="http://cdn.bootcss.com/zepto/1.1.4/zepto.js"></script>
<script type="text/javascript">
// ## 问题:因为zepto无法使用onkeyup 事件
// ## 解决方法:通过给input框绑定focus 事件,定时的去监听input的值得改变,在鼠标移出input后,清除定时器
Zepto(function(){
controlTime = function(){
var time = setInterval(monitor,100);
$("#box").bind("blur",function(){
clearInterval(time);
})
}
monitor = function(){
var val = $("#box").val();
if(val != ''){
val = val.replace(/\D/g,'');
$("#box").val(val)
console.log(val);
}
}
$("#box").bind("focus",controlTime);
});
</script>
</body>
</html>
如果您看了本篇博客,觉得对您有所收获,请点击右下角的 [推荐]
如果您想转载本博客,请注明出处
如果您对本文有意见或者建议,欢迎留言
感谢您的阅读,请关注我的后续博客