javascript:一次alert引发的惨案

最近移动端做一个项目,需要对input失去焦点和获得焦点,改变input内字体颜色。先贴出源代码(用的是zepto,但语法和jQuery一样),供各位看官吐槽:

首先获得目标元素

$input = $('.input-box input');

主要程序

// alert($input.length); // 1
// console.log($input) // 2
$input.bind('focus', function () {
	alert('focus'); // 3
	// console.log('focus'); // 4
	$input.addClass('input-focus');
});
$input.bind('blur', function () {
	alert('blur'); // 5
	// console.log('blur'); // 6
	$input.removeClass('input-focus');
});
程序跑起来后,点击目标input输入框,先弹出blur,紧接着弹出focus对话框。然后输入框虽然获得焦点,但是我没法输入数字。

改用log后,一切正常。

alert也不是万能的调试工具啊!


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值