Question

如何解决blur事件和click事件冲突问题

Answer 1

$('.txt_sp2').blur(function () { var me = this;////////////////做好闭包指向对象 setTimeout(function () { $(me).prev().removeAttr("style"); //变换图标 var isClick = false; //判断文本框内容是否正确并提示 var n = $(me).val(); if (n.length == 0 || isNaN(n)) { $(me).parent().css({ 'background': 'url(images/txtbg2.png) no-repeat' }); $(me).next().css('display', 'none'); $('.txt_sp5').css('display', 'block'); $(me).parent().children('.txt_sp4').css('display', 'block'); //弹出提示框效果 $(me).parent().each(function () { $(this).stop() .animate({ left: "-5px" }, 50).animate({ left: "5px" }, 50) .animate({ left: "-5px" }, 50).animate({ left: "5px" }, 50) .animate({ left: "0px" }, 50) }); $(me).parent().children('.txt_sp4').click(function () { $(this).parent().children('.txt_sp6').css('display', 'block'); }) } else { $(me).parent().removeAttr('style'); x = 1; } var name = $('#txtname').val(); var pwd = $('#txtpwd').val(); if (isNaN(name)) { $('.name>.txt_sp6').html('帐号必须为10位数字'); } if (isNaN(pwd)) { $('.name>.txt_sp6').html('密码必须为6位数字'); } if (name.length == 0) { $('.pwd>.txt_sp6').html('帐号不能为空'); } if (pwd.length == 0) { $('.pwd>.txt_sp6').html('密码不能为空'); } }, 100); });用这种方式会报错 提示jq库出错 Cannot read property 'toLowerCase' of undefined 这个错误是因为在setTimeout里不能声明变量 把变量拿出来就可以了