Javascript 使用清除按钮捕获输入上的搜索按钮事件

我的应用程序html中包含以下内容：

 <form>
     <input id="txt-search" type="search">
     <button id="btn-clear"><i icon="ion-android-cancel"></i></button>
 </form>

---

我遇到的问题是，当用户在iOS中单击虚拟键盘上的“搜索”按钮时，清除按钮被单击。我不明白为什么会这样。txt搜索处于焦点位置，因此不应将事件发送到清除按钮。关于如何解决这个问题，有什么想法吗？

使用jQuery提交事件，而不是单击，如下所示：

$（“#txt搜索”）。关于（“提交”，函数（evt）{
evt.preventDefault（）；
$（“#txt搜索”）.val（“”）；
$（“#txt搜索”）.focus（）；
$（“#btn清除”）.hide（）；
} );使用jQuery提交事件，而不是单击，如下所示：


$（“#txt搜索”）。关于（“提交”，函数（evt）{
evt.preventDefault（）；
$（“#txt搜索”）.val（“”）；
$（“#txt搜索”）.focus（）；
$（“#btn清除”）.hide（）；
} );
$( document ).on( "click", "#btn-clear", function( evt ) {

    evt.preventDefault();

    $( "#txt-search" ).val("");
    $( "#txt-search" ).focus();
    $( "#btn-clear" ).hide();

} );