fungsi event.preventDefault () tidak berfungsi di IE

Berikut ini adalah kode JavaScript (mootool) saya:

$('orderNowForm').addEvent('submit', function (event) {
    event.preventDefault();
    allFilled = false;
    $$(".required").each(function (inp) {
        if (inp.getValue() != '') {
            allFilled = true;
        }
    });

    if (!allFilled) {
        $$(".errormsg").setStyle('display', '');
        return;
    } else {
        $$('.defaultText').each(function (input) {
            if (input.getValue() == input.getAttribute('title')) {
                input.setAttribute('value', '');
            }
        });
    }

    this.send({
        onSuccess: function () {
            $('page_1_table').setStyle('display', 'none');
            $('page_2_table').setStyle('display', 'none');
            $('page_3_table').setStyle('display', '');
        }
    });
});

Di semua browser kecuali IE, ini berfungsi dengan baik. Tetapi di IE, ini menyebabkan kesalahan. Saya memiliki IE8 jadi ketika menggunakan JavaScript debugger-nya, saya menemukan bahwaevent objek tersebut tidak memiliki preventDefaultmetode yang menyebabkan kesalahan dan sehingga formulirnya semakin banyak diajukan. Metode ini didukung dalam kasus Firefox (yang saya temukan menggunakan Firebug).

Ada bantuan?

di IE, Anda bisa menggunakan

event.returnValue = false;

untuk mencapai hasil yang sama.

Dan agar tidak mendapatkan kesalahan, Anda dapat menguji keberadaan preventDefault:

if(event.preventDefault) event.preventDefault();

Anda dapat menggabungkan keduanya dengan:

event.preventDefault ? event.preventDefault() : (event.returnValue = false);

Jika Anda mengikat acara melalui fungsi addEvent mootools 'pengendali acara Anda akan mendapatkan peristiwa yang diperbaiki (ditambah) yang diteruskan sebagai parameter. Itu akan selalu berisi metode preventDefault ().

Cobalah biola ini untuk melihat perbedaan pengikatan acara. 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>

Untuk semua pengguna jQuery di luar sana, Anda dapat memperbaiki acara saat dibutuhkan. Katakanlah Anda menggunakan HTML onclick = ".." dan dapatkan acara khusus IE yang tidak memiliki preventDefault (), cukup gunakan kode ini untuk mendapatkannya.

e = $.event.fix(e);

Setelah itu e.preventDefault (); bekerja dengan baik.

Saya tahu ini posting yang cukup lama tetapi saya hanya menghabiskan waktu mencoba membuat ini berfungsi di IE8.

Tampaknya ada beberapa perbedaan dalam versi IE8 karena solusi yang diposting di sini dan di utas lainnya tidak berfungsi untuk saya.

Katakanlah kita memiliki kode ini:

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

Dalam preventDefault()metode IE8 saya ada karena jQuery, tetapi tidak berfungsi (mungkin karena poin di bawah), jadi ini akan gagal.

Bahkan jika saya menyetel returnValueproperti langsung ke false:

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

Ini juga tidak akan berfungsi, karena saya baru saja menetapkan beberapa properti objek acara kustom jQuery.

-Satunya solusi yang bekerja untuk saya adalah untuk properti set returnValuedari variabel global event seperti ini:

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

Hanya untuk membuatnya lebih mudah bagi seseorang yang akan mencoba meyakinkan IE8 untuk bekerja. Saya berharap bahwa IE8 akan mati mengerikan dalam kematian yang menyakitkan segera.

MEMPERBARUI:

Seperti yang ditunjukkan sv_in , Anda dapat menggunakan event.originalEventuntuk mendapatkan objek acara asli dan menyetel returnValueproperti di objek asli. Tapi saya belum mengujinya di IE8 saya.

Mootools mendefinisikan kembali preventDefault di objek acara. Jadi kode Anda harus berfungsi dengan baik di setiap browser. Jika tidak, maka ada masalah dengan dukungan ie8 di mootools.

Apakah Anda menguji kode Anda pada ie6 dan / atau ie7?

Dokter mengatakan

Setiap peristiwa yang ditambahkan dengan addEvent mendapatkan metode mootools secara otomatis, tanpa harus secara manual mem-instansinya.

tetapi jika tidak, Anda mungkin ingin mencoba

new Event(event).preventDefault();

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

Diuji pada IE 9 dan Chrome.

Untuk menonaktifkan tombol keyboard setelah IE9, gunakan: e.preventDefault();

Untuk menonaktifkan tombol keyboard biasa di bawah IE7 / 8, gunakan: e.returnValue = false;ataureturn false;

Jika Anda mencoba menonaktifkan pintasan keyboard (dengan Ctrl, seperti Ctrl+F), Anda perlu menambahkan baris-baris itu:

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

Berikut ini adalah contoh lengkap untuk IE7 / 8 saja:

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;
    }
});

Referensi: Cara menonaktifkan pintasan keyboard di IE7 / IE8

Inilah fungsi yang saya uji dengan jquery 1.3.2 dan 09-18-2009 pada malam hari. Biarkan saya tahu hasil Anda dengannya. Semuanya dieksekusi dengan baik pada akhir ini di Safari, FF, Opera di OSX. Ini khusus untuk memperbaiki bug IE8 yang bermasalah, dan mungkin memiliki hasil yang tidak diinginkan:

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

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

Pemakaian:

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

preventDefaultadalah standar luas; menggunakan adhoc setiap kali Anda ingin mematuhi versi IE lama itu rumit, lebih baik menggunakan polyfill:

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

Ini akan memodifikasi prototipe Acara dan menambahkan fungsi ini, fitur javascript / DOM yang hebat secara umum. Sekarang Anda dapat menggunakannya e.preventDefaulttanpa masalah.

return false di pendengar Anda harus bekerja di semua browser.

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

FWIW, jika ada yang melihat kembali pertanyaan ini nanti, Anda mungkin juga memeriksa apa yang Anda serahkan ke fungsi handler onKeyPress Anda.

Saya mengalami kesalahan ini ketika saya keliru menyampaikan onKeyPress (ini) bukannya onKeyPress (acara).

Hanya sesuatu yang lain untuk diperiksa.

Saya dibantu oleh metode dengan pemeriksaan fungsi. Metode ini berfungsi di IE8

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