forma aún se presentó a pesar de que la función de detector devuelve falso

Question

Estoy tratando de averiguar por qué este JavaScript no se detiene la forma de ser presentado:

<form action="http://www.example.com" id="form"> 
    <input type="text" /> 
    <input type="submit" /> 
</form> 

<script> 
var code = function() { 
    return false; 
}; 
var element = window.document.getElementById("form"); 
if (element.addEventListener) { 
    element.addEventListener("submit", code, false); 
} 
</script> 

A menos que añado el siguiente atributo a la forma onsubmit elemento:

<form action="http://www.example.com" id="form" onsubmit="return false"> 
    <input type="text" /> 
    <input type="submit" /> 
</form> 

<script> 
var code = function() { 
    return false; 
}; 
var element = window.document.getElementById("form"); 
if (element.addEventListener) { 
    element.addEventListener("submit", code, false); 
} 
</script> 

Parece que el método addEventListener solo debería hacer el truco. ¿Alguna idea? Estoy en una Mac y estoy experimentando el mismo resultado en Safari, Firefox y Opera. Gracias.

Answer 1

combinó la información de las dos respuestas muy útiles en una solución que funciona tanto en Mac y PC:

<script> 
var code = function (eventObject) { 
    if (eventObject.preventDefault) { 
     eventObject.preventDefault(); 
    } else if (window.event) /* for ie */ { 
     window.event.returnValue = false; 
    } 
    return true; 
}; 
var element = window.document.getElementById("form"); 
if (element.addEventListener) { 
    element.addEventListener("submit", code, false); 
} else if (element.attachEvent) { 
    element.attachEvent("onsubmit", code); 
} 
</script> 

Answer 2

Parece que si cambia su función para

var code = function(e) { 
    e.preventDefault(); 
} 

Se debe hacer lo que estás buscando.

source

Answer 3

creo que lo que estás buscando es el método de la interfaz preventDefault()Event para los navegadores que implementan. Cancelará el envío del formulario de la forma en que esperaba "return false" a.

Más here y here.

<script type="text/javascript"> 
var code = function (evt) { 
      if (evt.preventDefault) { 
       evt.preventDefault(); 
      } 
      return false; 
}; 
window.onload = function() { 
    var element = window.document.getElementById("form"); 
    if (element.addEventListener) { 
     element.addEventListener("submit", code, false); 
    } 
}; 
</script>