0

Buen día.

¿Cómo puedo capturar un eventos click o enter, detener su ejecución para ejecutar funciones previas y luego continuar?

Esto se debe a que tengo múltiples paginas ASP, en las que se realizan consultas, grabaciones, generación de PDF por medio de links, botones etc.

Necesito capturar estos eventos y realizar funciones previas.

Por ejemplo, he tratado con esta pagina donde tengo un javascript como este :

 <script>
    function onSearch() {

        onInit("nostart");

        $.ajax(
            {
                type: "POST",
                url: "RegistroHuellas.aspx/BuscarPaciente",
                data: JSON.stringify(numero),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    debugger
                    var resp = JSON.parse(response.d);

                },
                error: function (response) {
                    debugger;
                    alert(response.d);
                    var data = response.d;
                }
            }).fail(function (jqXHR, textStatus, errorThrown) {

            });                   
    }

Trate capturar el evento clic como sigue, pero no funciona :

                <script>
                   $("#btnsearch").click(function () {
                       debugger;
                       new BstrapModal().Show();
                   });                 
               </script>

¿Cómo puedo lograr esto?.

EDICIÓN PARA SOLICITAR AMPLIACIÓN EN RESPUESTAS

Intente con cada respuesta propuesta y el resultado que obtengo al ejecutarse algún evento clic es el siguiente :

  1. Se presiona clic, esto invoca la definición de la función llamada : introducir la descripción de la imagen aquí

  2. Se ejecuta la llamada al WebMethod que viaja al servidor introducir la descripción de la imagen aquí

  3. Se llama a la función jquery que se supone debió evitar la llamada al WebMethod, que es lo que estoy buscando. introducir la descripción de la imagen aquí

  4. La respuesta del servidor se obtiene luego de ejecutar la lógica de la función juery del paso anterior.

En esencia lo que necesito es detener la llamada de la función ajax.

Como puedo lograrlo ?

2
  • No, son eventos como estos: < href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$GV_pacientes$ctl10$lkb_paciente','')" > o como este < onclick="Javascript:onSearch()" > el 18 jul. 2018 a las 14:05
  • Evaluando respuestas ... el 18 jul. 2018 a las 17:44

3 respuestas 3

2

Que te parece ocupar promesas y funciones async, una promesa es un objecto que puede o no puede devolver un valor y al ser usado con async/await puedes esperar a que se ejecute tu promesa y continuar con tu codigo, imagino que las acciones que quieres realizar son peticiones, puedes poner las funciones de las peticiones en promises, esperarlas con await y continuar con el codigo. Te dejo un link en el que combinan promesas y async/await para que puedas aprender mas

$("#btnsearch").click( async function () {
   await onSearch() // llamado a la funcion 
   new BstrapModal().Show();
});
10
  • Edite la pregunta para detallar el funcionamiento que obtengo al implementar la solución propuesta pero no obtengo el resultado deseado. Como puedo interrumpir el clic ? el 18 jul. 2018 a las 20:51
  • modifique la definición del botón como sugirió @Luciano, pero obtengo esto : "Uncaught SyntaxError: await is only valid in async function" el 18 jul. 2018 a las 21:11
  • La instruccion await debe de estar dentro de una funcion de tipo async el 18 jul. 2018 a las 21:14
  • No entiendo muy bien tu codigo, no logro ver quien llama la funcion onSearch() pero en caso de que la llame tu click de tu boton el async debe ir en el click y el await en el llamado de onSearch para despues ejecutar el show del modal el 18 jul. 2018 a las 22:43
  • 1
    Si la peticion es necesaria para que, con los datos que recibas o la confirmación que recibas, muestres el modal, si te serviria esperar la petición, ahora que si no es necesario porque no mandarla despues de que el usuario agrege datos y usar dos peticiones una para antes de levantar el modal y otra para envio de datos el 19 jul. 2018 a las 2:12
2

Tendrías que modificar como sigue:

  $("#btnsearch").click(function (e) {
      e.preventDefault();
      debugger; //no se que es esto
      new BstrapModal().Show();
      return false; // o lo que quieras hacer despues
  });      

El preventDefault detiene la ejecución del clic.

Lo mismo con un keypress o alguna interacción con el teclado. En caso de los inputs, si quisieras, por ejemplo, validar ciertos caracteres.

1
  • Edite la pregunta para detallar el funcionamiento que obtengo al implementar la solución propuesta pero no obtengo el resultado deseado. Como puedo interrumpir el clic ? el 18 jul. 2018 a las 20:51
2

te comento lo lo que buscas es cancelar el evento, deberias usar event.stopImmediatePropagation(); de la siguiente forma:

  $("#btnsearch").click(function (e) {
     event.stopImmediatePropagation();
    alert("example");

  });   
  $("#btnsearch").click(function (e) {
    alert("no me ejecuto");
  });   

Ampliación: Podrías sacar el evento del html y ligarlo a Javascript

<button id="btnsearch" class=" btn botonsearch " type="button" value="Search" </button>

$("#btnsearch").click(function (e) {
debbuger;
         event.stopImmediatePropagation();
        onSearch();

      });   
      $("#btnsearch").click(function (e) {
        alert("no me ejecuto");
      });   
7
  • Edite la pregunta para detallar el funcionamiento que obtengo al implementar la solución propuesta pero no obtengo el resultado deseado. Como puedo interrumpir el clic ? el 18 jul. 2018 a las 20:51
  • ¿Puedes mostrar la definición del botón del html ? el 18 jul. 2018 a las 20:52
  • Claro, gracias por tomarte el tiempo....La definición es esta " <button id="btnsearch" class=" btn botonsearch " type="button" value="Search" onclick="Javascript:onSearch()">></button>> " el 18 jul. 2018 a las 20:54
  • Alli edite la respuesta. el 18 jul. 2018 a las 20:58
  • Genial.... detiene la invocación de la definición de la función, pero aun se dispara la función ajax . el 18 jul. 2018 a las 21:11

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.