Cuando hago clic en el ícono de búsqueda con el mouse, funciona bien, pero cuando uso la pestaña y el foco va al ícono, pero cuando ingreso la palabra clave "ENTER" no funcionará.
` <%-- Mobile Only - Search Icon --%> <div class="mobile-header-icon" onclick="OnClickSearchIcon();" tabindex="0" aria-label="Search"> <i class="search" ></i> </div>`Presionar enter no activa un evento de clic.
Puede agregar un oyente para, por ejemplo, un evento keyup.
Aquí hay un ejemplo de trabajo completo:
function OnClickSearchIcon(){ // do whatever you want instead of this document.body.innerHTML += "<p>Search!</p>"; } function onKeyUp(e){ if (e.key === "Enter") OnClickSearchIcon(); } <div tabindex=0 onkeyup="onKeyUp(event)" onclick="OnClickSearchIcon()" > <i class="search" >Click, or focus me and press Enter</i> </div>