javascript - Impress.Js正确使用Tab

Question

现在 Tab 在 Impress.js 中被禁用，只是移动到下一张幻灯片。即使我删除该代码并让它正常运行并专注于链接它也会崩溃 impress.js有没有人找到解决方案？

谢谢!

Answer 1

(我维护着 impress.js 的一个当前分支，因为 bartaz 已经多年没有在它上面工作了，所以我也熟悉键绑定(bind)代码。)

答案是让 Tab 移动到下一张幻灯片是解决方案，而不是问题:-)

更具体地说，问题是在浏览器中，Tab 键会跳转到“下一个”链接或表单域。如果链接在当前幻灯片之外，浏览器将滚动到链接所在的位置，从而完全中断演示流程。所以 impress.js 需要禁用 tab 键。

bartaz 没有禁用它，而是将它绑定(bind)到 next() 函数。如果您不希望 Tab 键移动到下一张幻灯片，您当然可以删除该代码，但您仍然必须调用 event.preventDefault() 以避免浏览器接收到 Tab 键。

在我的 impress.js 分支中，我 improved the support for using form fields ，例如，如果光标位于文本输入字段中，并且您按向左箭头，演示文稿将不会移动到下一张幻灯片，而是像往常一样将光标移动到您的文本字段中。但即使在这种情况下，我也保留了 Tab 字段的功能:它将移动到下一张幻灯片而不是下一个表单字段(或链接)。

这是可能的，但很难尝试弄清楚下一个表单域是否仍在同一张幻灯片上，然后再尝试决定移动到该表单域是否是正确的做法。

更新:This is the impress.js issue where Tab key is discussed .