【问题标题】:Impress.Js properly use TabImpress.Js 正确使用 Tab
【发布时间】:2015-03-24 14:21:14
【问题描述】:

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

谢谢!

【问题讨论】:

  • 欢迎来到 SO!你能显示你的代码吗?到目前为止,您尝试过什么?
  • 您好,我已关注此帖子 github.com/bartaz/impress.js/issues/302 并删除了选项卡上的覆盖以移至下一张幻灯片。

标签: javascript css impress.js


【解决方案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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-07-11
    • 1970-01-01
    • 1970-01-01
    • 2022-01-03
    • 2013-08-14
    • 2021-12-23
    • 1970-01-01
    相关资源
    最近更新 更多