Impress.Js正确使用Tab

时间:2015-03-24 14:21:15

标签: javascript css impress.js

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

谢谢!

1 个答案:

答案 0 :(得分:1)

(我维护当前的impress.js分支,因为bartaz多年来一直没有使用它,所以我也熟悉键绑定代码。)

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

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

然后bartaz将其绑定到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