jQuery的Facebox插件：关注弹出外观(jQuery Facebox plugin: Foc

我有facebox弹出一个HTML页面。

此页面包含许多环节和形式，并弹出包含一种形式。 我要的是，当我打开弹出式窗口，只用键盘上的按钮，就直接去用“标签”按钮，在弹出的窗体的输入。

这里是一个小提琴- > http://jsfiddle.net/tk1jagpb/

 $(document).ready(function () { $('a[rel*=facebox]').facebox() }) 

 .popup { background-color: mistyrose; } 

 <p><a href="#info" rel="facebox">Click to display</a></p> <div id="info" style="display: none;"> <p>Popup div</p> <p><input type="text" value = "" /></p> <p><input type="text" value = "" /></p> <p><input type="text" value = "" /></p> <p><input type="text" value = "" /></p> </div> <p><input type="text" value = "" /></p> <p><input type="text" value = "" /></p> <p><input type="text" value = "" /></p> 

如果是这样的话，我可能会使用键盘，而不必点击弹出框......这将节省我的时间。

谢谢。

Answer 1:

您可以监听“reveal.facebox”事件显示在facebox后，这是刚刚被解雇。 一旦facebox所示，只集中第一输入字段。

$(document).ready(function() {
    $('a[rel*=facebox]').facebox();
    $(document).bind('reveal.facebox', function() {
        $('.popup input:first').focus();
    });
})

文章来源: jQuery Facebox plugin: Focus the popup appearance