最近移动端做一个项目,需要对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也不是万能的调试工具啊!