我自己制作HTML幻灯片,并且能够创建大部分内容.我被卡住的地方是键盘事件.那是向前和向后的箭头.我需要知道如何使用JavaScript或JQuery处理这些问题.按下这些按钮会触发事件,以便移动到下一张幻灯片或转到上一张幻灯片.我还想提一下,我的幻灯片也是交互式HTML,因为你可以使用它们填写数据,验证等.因此,当用户通过键盘与页面上的表单或其他内容进行交互时,我不希望键盘事件发生阻碍(例如,填写表格,日期等).怎么去这个？
处理键盘输入有3种不同的事件:keyup,keydown和keypress.并非所有键都被触发,有些根据操作系统触发不同的代码.查看quirksmode了解更多信息.
jQuery为每个事件都有相应的事件.
来自jQuery网站:
请注意,keydown和keyup提供一个代码,指示按下哪个键,而keypress指示输入了哪个字符.例如,小写的"a"将通过keydown和keyup报告为65,但是按key按97报告.所有事件都将大写的"A"报告为65.由于这种区别,当捕获箭头键,.keydown()或.keyup()等特殊键击时是更好的选择.
为避免在用户与表单进行交互时处理这些事件,您可能希望在表单字段具有焦点时关闭该行为,并在表单字段模糊时将其重新打开.这样,使用这些箭头导航输入字段不会导致幻灯片浏览遍历.