Chrome上的jQuery blur()无效

时间:2013-08-15 09:43:15

标签: javascript jquery blur

我正在使用Chrome最新版本的http://jsfiddle.net/q84wv/运行MacOSX。

它无法正常工作,在Firefox上运行时它可以完美运行,任何线索?

3 个答案:

答案 0 :(得分:8)

假设您希望在用户从锚点中删除或完成点击事件时触发alert(),这应该有效:

$('.menu a').on('blur mouseup',function(){
    alert('oh');
});

选中jsFiddle

这真的取决于你在blur分类的内容。如果您希望每当用户的鼠标离开元素时触发它,您可以改为使用mouseleave

$('.menu a').on('blur mouseleave',function(){
    alert('oh');
});

答案 1 :(得分:7)

您必须首先关注然后模糊

$('.menu a').click(function() {
  $(this).focus();
});

$('.menu a').on('blur',function(){
    alert('oh');
});

jsFiddle

答案 2 :(得分:2)

首先,您必须应用blur并将菜单模糊。

$('.menu a').click(function() {
  $('.menu a').blur();
});

$('.menu a').on('blur',function(){
    alert('oh');

  });

您试图提醒该菜单是否已模糊。但你并没有模糊它。这就是它无法正常工作的原因。

FIddle:http://jsfiddle.net/q84wv/4/

现在点击菜单项,你会发现即将发出警报。