[英]Capture search button event on an input with clear button
我在我的应用程序html中有以下内容:
<form>
<input id="txt-search" type="search">
<button id="btn-clear"><i icon="ion-android-cancel"></i></button>
</form>
我的JavaScript:
$( document ).on( "click", "#btn-clear", function( evt ) {
evt.preventDefault();
$( "#txt-search" ).val("");
$( "#txt-search" ).focus();
$( "#btn-clear" ).hide();
} );
我遇到的问题是当用户点击iOS中虚拟键盘上的“搜索”按钮时,点击了清除按钮。 我不明白为什么会这样。 txt搜索是焦点,因此它不应该将事件发送到清除按钮。 关于如何解决这个问题的任何想法?
使用jQuery提交事件,而不是单击,如下所示:
$( "#txt-search" ).on( "submit", function( evt ) { evt.preventDefault(); $( "#txt-search" ).val(""); $( "#txt-search" ).focus(); $( "#btn-clear" ).hide(); } );
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.