如何＆＃34;取消＆＃34;搜索框（因此它不会触发手风琴）

Question

我有手风琴菜单。

在页面的顶部栏内（打开手风琴的链接内），我有一个指向首页的链接，它不会打开手风琴：

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

顶栏的其余部分触发手风琴，这就是我想要的。

但是，我想在顶部栏上添加一个搜索框。问题是，当我点击搜索字段输入文字时，它会触发手风琴，所以我无法输入文字。

如何修改上述链接代码以使搜索框生效？

<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;

我没有测试过（当然也没有用过手风琴），但我们在一些代码中使用它来防止事件发生。