如何将焦点设置在包含灯箱库中图像的div上?

时间:2016-07-14 19:42:33

标签: javascript jquery

我制作了一个灯箱库,里面有一个id为inside-overlay的div,其中包含图片。现在我想将键事件绑定到它,但问题是即使在执行

之后
$("#inside-overlay").attr("tabindex", -1).focus();

我必须用鼠标点击一次才能获得焦点。点击它会收到焦点但我想直接聚焦它而不点击任何鼠标,这样就可以keyevents进行图库导航。

问题是只有点击图片才能看到图库。所以window.load不能用于获得焦点。我有alsi尝试输入一个输入,以便专注于输入并完成我的工作,但即使这样也不会使用focus()函数获得焦点

1 个答案:

答案 0 :(得分:0)

我没有得到任何答案,但最终我解决了我的问题。任何东西都无法获得焦点,直到它没有显示,所以我做的是我给灯箱的叠加一个tabindex为0,当我显示叠加使用:$ overlay.show();我将其更改为$ overlay.show()。focus();因为它的tabindex为0,所以它得到了关注,我的问题得到解决,我将关键事件绑定到叠加层。我回答了我自己的问题,因为如果有一个像我这样的新发展的学习者如果在这个问题上运行它可能会有所帮助。