Question

我正在尝试创建一个搜索按钮，一旦单击该按钮，它将触发带有提交按钮的搜索字段。如果您在搜索字段之外单击，它将返回到仅按钮阶段。问题是，一旦单击“提交”按钮，它将触发onblur事件

<div class="header-search-wrap" id="defaultsearch">
    <div class="td-search-btns-wrap">
        <a id="td-header-search-button" href="#" role="button" onclick="document.getElementById('searchlong').style.display = 'block';document.getElementById('defaultsearch').style.display = 'none'; document.getElementById('SQQ').focus()" >
        <i class="td-icon-search"></i>
        </a>
    </div>
</div>

<div class="header-search-wrap" id="searchlong">
    <form id="searchmainz" action="/software/search/" class="sForms">
        <div class="searchwrap">
            <input type="text" class="SearchInputWrapper" id="SQQ" name="q" value="" onblur="document.getElementById('defaultsearch').style.display = 'block';document.getElementById('searchlong').style.display = 'none'" />
        </div>
        <input class="SearchInputSubmit" value="search" type="submit" />
    </form>
</div>

使用此代码，按钮和搜索字段可以正常工作。单击搜索按钮后，它将切换到搜索字段+提交按钮（如果我在搜索字段之外单击，将返回到该按钮）。但是，提交按钮不起作用，单击它会触发onblur事件。

我尝试将onblur甚至移至表单id，但不再起作用。

如何在onfocus事件中包含按钮

0 个答案: