event.preventDefault（）函数在IE中不起作用 [英] event.preventDefault() function not working in IE

问题描述

以下是我的JavaScript（mootools）代码：

Following is my JavaScript (mootools) code:

$('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', '');
        }
    });
});

在除IE之外的所有浏览器中，这都可以正常工作。但在IE中，这会导致错误。我有IE8，所以在使用其JavaScript调试器时，我发现事件对象没有一个 preventDefault 方法，导致错误，所以表单正在提交。在Firefox（我发现使用Firebug）的情况下，支持该方法。

In all browsers except IE, this works fine. But in IE, this causes an error. I have IE8 so while using its JavaScript debugger, I found out that the event object does not have a preventDefault method which is causing the error and so the form is getting submitted. The method is supported in case of Firefox (which I found out using Firebug).

任何帮助？

推荐答案

在IE中，您可以使用

event.returnValue = false;

实现相同的结果。

为了不出现错误，您可以测试preventDefault的存在：

And in order not to get an error, you can test for the existence of preventDefault:

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

您可以将两者结合：

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

这篇关于event.preventDefault（）函数在IE中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！