小编Pat*_*lia的帖子

刺激键盘事件似乎不起作用

根据刺激操作的参考表,您可以按照此处所述定义键盘事件描述符

因此,我有一个转到 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 的示例,但这也不起作用。

ruby-on-rails stimulusjs

2
推荐指数
1
解决办法
1358
查看次数

标签 统计

ruby-on-rails ×1

stimulusjs ×1