Question

我有一个带有facebox弹出窗口的HTML页面。

此页面包含许多链接和表单，弹出窗口包含一个表单。我想要的是，当我打开弹出窗口时，只使用键盘的按钮，使用“tab”按钮直接转到弹出窗口的表单输入。

这是一个小提琴 - ＆gt;的 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

您可以收听在显示facebox之后触发的'reveal.facebox' event。显示facebox后，只需聚焦第一个输入字段。

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

jQuery Facebox插件：聚焦弹出式外观

1 个答案: