html - 如何将搜索框设置为 "nullify"(这样它就不会触发 Accordion )

Question

我有一个 Accordion 菜单。

在页面的顶部栏内(在打开 Accordion 的链接内)，我有一个无法打开 Accordion 的首页链接:

<span data-href="homepage.com" onclick="document.location.href = this.getAttribute('data-href'); return false;"> 
   <img src="image.png">
</span>

顶部栏的其余部分触发 Accordion ，这正是我想要的。

但是，我还想在顶部栏上添加一个搜索框。问题是，当我单击搜索字段输入文本时，它会触发 Accordion ，因此我无法输入文本。

如何修改上面的链接代码使搜索框起作用？

<div class="searchbox">
   <form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
      <label class="screen-reader-text" for="s"></label>
         <input type="text" value="" name="s" id="s" placeholder="Search">
        <input type="submit" id="searchsubmit" value="&#128269">
   </form>
</div>

谢谢你的帮助

Answer 1

假设该字段没有被禁用并且您仍然可以输入文本，您可以试试这个:

pointer-events: none;

我还没有测试过它(当然也没有在 Accordion 中测试过)，但我们在我们的一些代码中使用它来防止事件发生。