如何创建一个不会触发下拉列表的搜索框

Question

我正在开发的页面是：http://www.thespeaker.ca/

我在下拉菜单链接中有一个搜索框（我使用了许多其他菜单样式后使用下拉菜单 - 我知道下拉菜有点丑陋而且相当＆＃34; beta＆＃34;但它代码轻巧。

我已经尝试过我用于点击的内容＆＃34; S＆＃34;左侧的按钮，即在此范围内包裹图像：

<span data-href="http://www.thespeaker.ca/" onclick="document.location.href = this.getAttribute('data-href'); return false;">

但它似乎不适用于搜索框。

我可以尝试其他任何想法吗？

Answer 1

如果您想在搜索框中单击时打开顶部手风琴菜单，请在输入元素中添加onclick="return false"。

<input value="" name="s" id="s" placeholder="Search" type="text" onclick="return false">

它会阻止在搜索框中发送给父级手风琴的onclick事件。