jquery - jQueryでフォーカスをぼかす

Question

コンテンツをロードした jQuery ダイアログがあります。ダイアログを表示すると、最初に表示された項目にフォーカスが設定されます。通常、これは問題ではありませんが、どの項目にも明示的なフォーカスがないことをお勧めします。どうすればピントをぼかすことができますか? それとも、ダイアログ自体に設定しますか?

ダイアログの HTML ID は「dialog」です。私は試してみましたが$("#dialog").focus()、$("#dialog :button").blur()役に立ちませんでした。

ダイアログの画像は次のとおりです。

Answer 1

このような？http://jsfiddle.net/MatthewDavis/Dpk2j/2/

$(document).ready(function () {
  // putting a value into a button we don't want focused
  $('#mybutton').val('Here I am.');
  // doing something visual to see when focus happens more clearly
  $("input").focus(function () {
    $(this).next("span").css('display','inline').fadeOut(1000);
  });
  // focus on the right input
  $('#dialog').focus();
});

Answer 2

Blur を呼び出すと、blur イベントがトリガーされます。

テキストボックスからフォーカスを外すには、 $("#dialog").click(); を試してください。

Answer 3

これを試して：

http://jsfiddle.net/mE5fx/

 open:function(){
     $(this).attr('tabindex',-1).css('outline',0).focus(); 
  }