javascript - 这段js监听在control加tab切换时会触发,如果直接输入,除了keyup其他不及时生效
本文介绍了javascript - 这段js监听在control加tab切换时会触发,如果直接输入,除了keyup其他不及时生效的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
$('input').on('click', function() {
var c = $(this);
c.keyup(function() {
if (/[^\d]/.test(c.val())) { //替换非数字字符
var temp_amount = c.val().replace(/[^\d]/g, '');
$(this).val(temp_amount);
};
});
c.focus(function() {
if (c.val() > 35 || c.val() < 1) {//大于35小于1时border与文本变红
c.css({
"border-color": "#E85F5C",
"color": "#E85F5C"
});
$('.page-tips').show();//提示显示
} else {//在1-35范围内的数字边框变绿,文本变黑
c.css({
"border-color": "#24AC7E",
"color": "#555"
});
$(".page-tips").hide();提示隐藏
};
});
c.blur(function() {//当input失去焦点时
if (c.val().length <= 0){//并且输入框没有字符时
c.css({
"border-color": "#CCC", //边框变灰色
"color": "#555" //文本变黑色
});
$(".page-tips").hide();提示隐藏
});
});
这段js反应太慢了,要等个7-8秒才能反应过来,如何优化它?
解决方案
你这个明显不是性能问题,代码写的有问题.
你直接改成这样试试:
$('input')
.keyup(function() {
if (/[^\d]/.test(c.val())) { //替换非数字字符
var temp_amount = c.val().replace(/[^\d]/g, '');
$(this).val(temp_amount);
};
})
.focus(function() {
if (c.val() > 35 || c.val() < 1) {//大于35小于1时border与文本变红
c.css({
"border-color": "#E85F5C",
"color": "#E85F5C"
});
$('.page-tips').show();//提示显示
} else {//在1-35范围内的数字边框变绿,文本变黑
c.css({
"border-color": "#24AC7E",
"color": "#555"
});
$(".page-tips").hide();提示隐藏
};
})
.blur(function() {//当input失去焦点时
if (c.val().length <= 0){//并且输入框没有字符时
c.css({
"border-color": "#CCC", //边框变灰色
"color": "#555" //文本变黑色
});
$(".page-tips").hide();提示隐藏
})
这篇关于javascript - 这段js监听在control加tab切换时会触发,如果直接输入,除了keyup其他不及时生效的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文