我有一个包含来自API的信息的引导卡。在我的JS文件中，我将卡片动态呈现到我的HTML文件中。现在，我正在尝试通过使用enter key使图标可点击来访问它，但我无法让它工作。

我尝试将i标记包装在一个按钮中，但它不起作用。我还尝试将它包装在a标记中，并添加href，但这也不起作用。有没有人有什么想法或知道该怎么做？

的代码中，您将看到我添加了tabindex=0属性，该属性至少允许用户选择i标记，但不能使用enter键使其可点击。

<代码><；我ID=“ heartBtn-${data.date}”CLASS=“ Fas FA-Heart隐藏心脏FA-LG P-1 MY-1 Mr-3 ”选项卡索引=“ 0 ”aria-label=“喜欢的内容”Title=“我喜欢”>；<；SPAN CLASS=“ LikeSpan LikeSpan${data.date}”>；喜欢我<；/SPAN>；<；/I>；

顺晟科技：

您可以执行类似的操作，但由于查询选择器是<i id="heartBTN-${data.date}" class="fas fa-heart hidden heart fa-lg p-1 my-1 mr-3" tabindex="0" aria-label="like content" title="I like it" ><span class="likeSpan likeSpan${data.date}">Like Me</span></i >，因此每当有人在页面中按Enter键时，它都会触发触发器。

body

的方法是将事件侦听器绑定到输入字段。比如document.querySelector('body').addEventListener('keypress', function (e) { if (e.key === 'Enter') { // triggering the click $('.fa-heart').click(); } });