使用jQuery模糊焦点

时间:2013-01-08 21:21:49

标签: jquery jquery-ui

我有一个jQuery对话框,我已将内容加载到其中。当我显示对话框时,焦点设置为显示的第一个项目。通常这不是问题,但我希望没有任何项目有明确的焦点。如何模糊焦点?或者可能将其设置为对话框本身?

对话框的HTML ID是“对话框”。我试过$("#dialog").focus()$("#dialog :button").blur()无济于事。

这是对话框的图片:

enter image description here

3 个答案:

答案 0 :(得分:0)

调用模糊将不会触发模糊事件。

为了把焦点放在文本框上,请尝试$(“#dialog”)。click();

答案 1 :(得分:0)

喜欢这个? 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();
});

答案 2 :(得分:0)

试试这个:

http://jsfiddle.net/mE5fx/

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