javascript - Chrome で jQuery の blur() が機能しない

Question

私は最新バージョンでこのhttp://jsfiddle.net/q84wv/を実行している MacOSX を使用しています。Chrome

動作しませんが、Firefox で実行すると完全に動作します。手がかりはありますか?

Answer 1

alert()ユーザーがアンカーからタブアウトするか、クリックイベントを完了したときにトリガーされると仮定すると、これは機能するはずです。

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

このjsFiddleを確認してください。

ここで何を分類しているかによって異なりますblur。ユーザーのマウスが要素を離れるたびにトリガーしたい場合は、mouseleave代わりに次を使用できます。

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

Answer 2

最初に焦点を合わせてからぼかす必要があります

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

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

jsフィドル

Answer 3

そのためには、まずメニューを適用blurしてぼかす必要があります。

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

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

  });

そのメニューがぼやけている場合に警告しようとしていました。しかし、あなたはそれをぼかしていませんでした。それが機能していなかった理由です。

フィドル: http://jsfiddle.net/q84wv/4/

メニュー項目をクリックすると、アラートが表示されます。