根据刺激操作的参考表,您可以按照此处所述定义键盘事件描述符
因此,我有一个转到 video_container 控制器的按钮:
%button{type: "Button", data: {action: "keydown.k->video-container#playPause",
video: {container: {target: "playButton"}} Play
Run Code Online (Sandbox Code Playgroud)
在我的控制器中:
playPause() {
alert("This event is working")
}
Run Code Online (Sandbox Code Playgroud)
我将此用于点击事件:
%button{type: "Button", data: {action: "click->video-container#playPause",
video: {container: {target: "playButton"}} Play
Run Code Online (Sandbox Code Playgroud)
但它不适用于 keydown 或 keyup 事件。我什至添加了 :prevent 选项来调用 PreventDefault() 但这也不起作用。
我错过了什么?
编辑更新
这里进一步修补。我发现我可以让回车键事件做一些事情:
%button{type: "Button", data: {action: "keydown.enter->video-container#playPause",
video: {container: {target: "playButton"}} Play
Run Code Online (Sandbox Code Playgroud)
但其他的都不起作用。使用空格使文档向下移动。
我什至尝试了他们的复合修饰符 ctrl+a 的示例,但这也不起作用。