我有这样一个代码块,
{#if categoryArray}
<div class="searchCategoriesBottom">
<div class="search-form" on:keydown>
<ul class="categoryListUl">
{#each categoryArray as catName, index}
<li
class="categoryLi"
on:focus={dispatch('click', catName)}
on:click={openSelectedCat}
>
<span class="categoryDescription">{catName}</span>
</li>
{/each}
</ul>
</div>
</div>
{/if}
我想在手机上点击“li”元素时,在它下面打开一个容器。当我在Chrome、safari浏览器中尝试时,没有问题,但是当我在我的电脑上从Firefox浏览器中尝试时,出现了这个错误,子类别打不开。
我只是在使用 on:click。我不明白为什么会出现此错误。有谁能够帮我 ?谢谢:)
最佳答案
该代码由开发工具注入(inject)以模拟触摸交互(如警告中的文件名所示)。您可以单击该文件链接并查看使用的确切代码。
点击应该仍然有效,但至少我无法重现该问题。这不是错误。
(顺便说一下,一般来说,您应该仅将点击处理程序添加到应该被点击的交互元素,即像 button
这样的表单元素。否则结果将无法访问。)
关于javascript - 在 :click function of Svelte JS 上使用时在控制台上收到 "Element.setCapture() is deprecated"警告,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/74179473/