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 调试器时,我发现 event
对象没有导致错误的 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();
您可以将两者结合起来:
You can combine the two with:
event.preventDefault ? event.preventDefault() : (event.returnValue = false);
这篇关于event.preventDefault() 函数在 IE 中不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!