evento.La función preventDefault() no funciona en IE

Si enlaza el evento a través de la función addEvent de mootools, su controlador de eventos obtendrá un evento fijo (aumentado) pasado como parámetro. Siempre contendrá el método preventDefault ().

Pruebe este violín para ver la diferencia en el enlace de eventos. http://jsfiddle.net/pFqrY/8 /

// preventDefault always works
$("mootoolsbutton").addEvent('click', function(event) {
 alert(typeof(event.preventDefault));
});

// preventDefault missing in IE
<button
  id="htmlbutton"
  onclick="alert(typeof(event.preventDefault));">
  button</button>

Para todos los usuarios de jQuery puede corregir un evento cuando sea necesario. Digamos que usaste HTML onclick=".."y obtener un evento específico de IE que carece de preventDefault (), solo usa este código para conseguirlo.

e = $.event.fix(e);

Después de eso, e.preventDefault(); funciona bien.

Sé que este es un post bastante antiguo, pero acabo de pasar algún tiempo tratando de hacer que este trabajo en IE8.

Parece que hay algunas diferencias en las versiones de IE8 porque las soluciones publicadas aquí y en otros hilos no funcionaron para mí.

Digamos que tenemos este código:

$('a').on('click', function(event) {
    event.preventDefault ? event.preventDefault() : event.returnValue = false;
});

En mi IE8 preventDefault() el método existe debido a jQuery, pero no funciona (probablemente debido al punto de abajo), por lo que esto fallará.

Incluso si establezco la propiedad returnValue directamente a false:

$('a').on('click', function(event) {
    event.returnValue = false;
    event.preventDefault();
});

Esto tampoco funcionará, porque acabo de establecer alguna propiedad de jQuery custom event object.

La única solución que funciona para mí es establecer la propiedad returnValue de la variable global event así:

$('a').on('click', function(event) {
    if (window.event) {
        window.event.returnValue = false;
    }
    event.preventDefault();
});

Solo para que sea más fácil para alguien que va a tratar de convencer a IE8 para trabajar. Espero que IE8 muera horriblemente en una muerte dolorosa pronto.

ACTUALIZACIÓN:

Como sv_in señala, podría usar event.originalEvent para obtener el evento original objeto y establecer la propiedad returnValue en la original. Pero aún no lo he probado en mi IE8.

Mootools redefine preventDefault en objetos de evento. Por lo tanto, su código debería funcionar bien en todos los navegadores. Si no lo hace, entonces hay un problema con el soporte ie8 en mootools.

¿Probaste tu código en ie6 y / o ie7?

El doc dice

Cada evento agregado con addEvent obtiene el método mootools automáticamente, sin la necesidad de instarlo manualmente.

Pero en caso de que no lo haga, es posible que desee probar

new Event(event).preventDefault();

if (e.preventDefault) {
    e.preventDefault();
} else {
    e.returnValue = false;
}

Probado en IE 9 y Chrome.

Para deshabilitar una tecla del teclado después de IE9, use: e.preventDefault();

Para desactivar una tecla de teclado regular bajo IE7 / 8, use: e.returnValue = false; o return false;

Si intentas desactivar un atajo de teclado (con Ctrl, como Ctrl+F) necesitas agregar esas líneas:

try {
    e.keyCode = 0;
}catch (e) {}

Aquí hay un ejemplo completo para IE7/8 solamente:

document.attachEvent("onkeydown", function () {
    var e = window.event;

    //Ctrl+F or F3
    if (e.keyCode === 114 || (e.ctrlKey && e.keyCode === 70)) {
        //Prevent for Ctrl+...
        try {
            e.keyCode = 0;
        }catch (e) {}

        //prevent default (could also use e.returnValue = false;)
        return false;
    }
});

Referencia: Cómo desactivar los atajos de teclado en IE7 / IE8

Aquí está una función que he estado probando con jquery 1.3.2 y 09-18-2009 nightly build. Hazme saber tus resultados. Todo se ejecuta bien en este extremo en Safari, FF, Opera en OSX. Es exclusivamente para corregir un error IE8 problemático, y puede tener resultados no deseados:

function ie8SafePreventEvent(e) {
    if (e.preventDefault) {
        e.preventDefault()
    } else {
        e.stop()
    };

    e.returnValue = false;
    e.stopPropagation();
}

Uso:

$('a').click(function (e) {
    // Execute code here
    ie8SafePreventEvent(e);
    return false;
})

preventDefault es un estándar muy extendido; usar un adhoc cada vez que desea cumplir con las versiones antiguas de IE es engorroso, mejor usar un polyfill:

if (typeof Event.prototype.preventDefault === 'undefined') {
    Event.prototype.preventDefault = function (e, callback) {
        this.returnValue = false;
    };
}

Esto modificará el prototipo del evento y agregará esta función, una gran característica de javascript/DOM en general. Ahora puede usar e.preventDefault sin ningún problema.

return false en su oyente debería funcionar en todos los navegadores.

$('orderNowForm').addEvent('submit', function () {
    // your code
    return false;
}

FWIW, en caso de que alguien vuelva a visitar esta pregunta más tarde, también puede verificar lo que está entregando a su función de controlador onKeyPress.

Me encontré con este error cuando pasé por error onKeyPress(esto) en lugar de onKeyPress(evento).

Algo más para comprobar.

Me ayudó un método con una comprobación de función. Este método funciona en IE8

if(typeof e.preventDefault == 'function'){
  e.preventDefault();
} else {
  e.returnValue = false;
}