Estoy usando el complemento Typewatch jQuery en una de las aplicaciones y tengo el siguiente código para enviar el formulario y llamar a una solicitud de Ajax.'
searchForm.on('submit', function(event) { if (event) { event.preventDefault(); } if (search.data.searchRequest) { search.data.searchRequest.abort(); } searchForm.addClass('is-loading'); search.data['searchStart'] = 0; $('#js-postslist--searchpanel').empty(); $('.js-searchpanel-results').removeClass('is-visible'); var filterQuery = csUtils.methods.getFilterQuery(true, search.data.terms); search.data.searchRequest = search.methods.ajaxCloudSearch(filterQuery); }); searchField.typeWatch({ callback: function() { return searchForm.submit(); }, wait: 500, highlight: false }); Aquí el problema es que cuando presiono la Enter (retorno), el formulario se envía dos veces. Va a la función de envío dos veces ya que el formulario tiene un comportamiento de envío predeterminado al presionar la tecla Enter . No puedo eliminar esto ya que los usuarios presionarán la tecla una vez que ingresen el término de búsqueda. Necesito deshabilitar el enlace de Typewatch cuando se presiona la tecla Enter para que no envíe el formulario dos veces.
Cómo puedo hacer esto ?
Puede interceptar el evento keydown en el elemento de entrada. Si es la tecla Intro, llame a preventDefault para detener el envío del formulario. La devolución de llamada se activará de inmediato porque TypeWatch activa la devolución de llamada con la tecla Intro.
searchField.on('keydown', function(e) { if (typeof e.keyCode !== 'undefined' && e.keyCode === 13) { e.preventDefault(); } }) .typeWatch({ callback: function(value) { console.log(value); }, wait: 500 });Puede ver un ejemplo de trabajo aquí: https://jsfiddle.net/tbg7a84k/18/ (intente comentar la llamada preventDefault y verá que envía el formulario).
Puede haber algún valor en que TypeWatch devuelva la razón por la que se activó la devolución de llamada, tal vez la devolución de llamada podría enviar una razón: ENTER_KEY o ELAPSED luego, en la devolución de llamada, simplemente puede verificar if reason === 'ENTER_KEY' (solicitud de extracción de bienvenida).