Javascript 在flickity中，如何在没有左键单击或制表符的情况下使用箭头键？

我不能用英语清楚地表达，所以如果可能的话，请帮助编辑我的问题

这是我的网页

打开此页面时，我无法使用箭头键导航不同的转盘单元格

我只能在鼠标点击该页面后使用箭头键

如何编辑代码，以便在一开始就可以使用箭头键，而无需单击它？i、 e.我在浏览器中打开此页面，然后我可以使用箭头键（37,39）立即旋转它。我想在打开页面后使用键盘处理程序

Flickity.keyboardHandlers = {
// left arrow
37: function() {
  var leftMethod = this.options.rightToLeft ? 'next' : 'previous';
  this.uiChange();
  this[ leftMethod ]();
},
// right arrow
39: function() {
  var rightMethod = this.options.rightToLeft ? 'previous' : 'next';
  this.uiChange();
  this[ rightMethod ]();
},

})

我可以编辑所有源代码，包括

flickity.pkgd.min.js

。而我的页面只包含一个flickity

---

官方网站告诉我们必须先使用tab（或leftclick），然后我们才能真正使用箭头键来更改单元格。

当应用程序初始化时，您需要创建一个新的

Flickity

实例，然后在其上调用

next（）

。您可以在下面的演示中看到，一旦加载应用程序，它将滚动到旋转木马中的下一项：

let flkty；
常数delayMs=1000；
document.addEventListener（“DOMContentLoaded”，function（））{
init（真）；
});
函数初始化（shouldAutoScroll）{
flkty=新的Flickity（“旋转木马”）；
如果（应自动滚动）{
//启动旋转木马自动滚动
autoScroll（）；
}否则{
//只需翻到下一项，就这样。。
flkty.next（）；
}
}
函数autoScroll（）{
if（外语）{
setInterval（函数（）{
flkty.next（）；
}，毫秒）；
}
}

.carousel单元{
最小高度：30em；
填充：1em；
边际：0.3em 0.3em；
宽度：calc（100vw-9em）；
最大宽度：40em；
盒影：0px 16px 20px 5px#7777；
}

1隆隆
2隆隆
3隆隆

其他人几乎不可能回答这个问题，而前回答者拒绝了我的编辑，所以我必须自己回答

将此添加到JS

document.addEventListener("DOMContentLoaded", function() {
  init();
});

function init() {
  let flkty = new Flickity(".carousel");
  flkty.focus()
}

document.addEventListener("DOMContentLoaded", function() {
  init();
});

function init() {
  let flkty = new Flickity(".carousel");
  flkty.focus()
}