¿Cuál es el efecto de agregar return false a un detector de eventos de clic?

Dado un enlace con el evento onclick() y la declaración de devolución, la tarea es obtener el efecto después de hacer clic en el evento. A continuación se muestra un código que contiene un elemento de anclaje, un evento onclick() y una declaración de retorno.

<a href='https://www.google.com' 
    onclick='someFunc(3); 
    return false;'>
    Click here !
</a>

¿Cuál es el efecto de devolver falso a un detector de eventos de clic?

Explicación: ¿Alguna vez ha encontrado alertas emergentes en sitios web que solicitan permiso para una tarea/redireccionamiento? Esas ventanas emergentes tienen dos opciones, o no . Si hay una declaración falsa de retorno , entonces hay un detector de eventos para ese mensaje de alerta, puede corresponder a no ejecutar el conjunto predeterminado de instrucciones.

El valor de retorno del controlador de eventos se usa para determinar si el comportamiento del navegador predeterminado (deseado) debe tener lugar o no.

Ejemplo: El siguiente código JavaScript (tobrdeleted.js), que imprime el número más 1.

Javascript

function someFunc(n) {
   console.log(n + 1);
}

Digamos que invocamos la función anterior usando el siguiente código HTML.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <script src="tobrdeleted.js"></script>
</head>
  
<body>
    <a href='https://www.geeksforgeeks.org' 
        onclick='someFunc(3); return true;'>
        Click here !
    </a>
</body>
  
</html>

Cuando escribimos return true; luego al hacer clic en » Haga clic aquí!» nos lleva a la página de destino (en nuestro caso, www.geeksforgeeks.org ) y no se llama a la función someFunc(3) .

HTML

<!DOCTYPE html>
<html>
  
<head>
    <script src="tobrdeleted.js"></script>
</head>
  
<body>
    <a href='https://www.geeksforgeeks.org' 
        onclick='someFunc(3); return false;'>
        Click here !
    </a>
</body>
  
</html>

Cuando escribimos return false; luego al hacer clic en » Haga clic aquí!» no redirige a ningún lado. En su lugar, ejecuta la función someFunc(3).

Publicación traducida automáticamente

Artículo escrito por Palak Jain 5 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *