是否 event.preventDefault(); Internet Explorer 不支持？

Question

我的 JavaScript 函数中有 event.preventDefault(); 和 event.stopPropogation();。它在 Chrome 或 Mozilla 中运行良好，但如果我使用 Internet Explorer，当我按下提交按钮时我的页面会刷新。

这是我的 JavaScript

function hitung() {

  var e = (document.getElementById("ifin").value);
  var a = (document.getElementById("Furniture").value);
  var panjang = (document.getElementById("ipanjang").value);
  var ht = 0.0;
  var hf = 0.0;
  var total = 0.0;

  if (e == "hpl") {
    hf = 0.0;
  } else if (e == "cat") {
    hf = 0.5;
  } else {
    hf = 0.0;
  }
  if (a == "kitchen") {
    ht = 1.7;
  } else if (a == "meja") {
    ht = 2.3;
  } else {
    ht = 0.0;
  }
  total = panjang * ht + hf;
  document.getElementById("ototal").innerHTML = "Harga Total : Rp." + total.toFixed(2) + "0.000,00" + "<br>Sudah termasuk ongkir";
  event.preventDefault();
  event.stopPropogation();
}

这是我的提交按钮

<input type="submit" value="Submit" align="center" Onclick="hitung()" class="btn btn-success" >

有什么方法可以在 IE 8 中实现这个功能？

Answer 1

您的代码中有错字。这是event.stopPropagation(); 不是event.stopPropogation();。我也看不到您在哪里提供事件变量。如果是处理程序，你应该把它放到hitung(event)。快乐编码！ :)

Answer 2

要处理 IE8 及以下版本，您需要检查该方法是否存在，如果不存在则只需 return false 代替。 IE8 应该可以处理。

这是一个基本的检查方法：

function eventHandler(e){
    ///////////////////////
    /// Place your code here
    ///////////////////////
    if (typeof e.preventDefault === "function") { 
        e.preventDefault();
    } else {
        return false;
    }
}

然后您将像这样处理表单提交：

<form method="post" action="/to/url" onsubmit="eventHandler(event)">
    <input type="text" name="name">
    <input type="submit" value="Submit your name">
<form>

否则你会通过这样的点击事件来处理它：

<form method="post" action="/to/url">
    <input type="text" name="name">
    <input type="button" value="Submit your name" onclick="eventHandler(event)">
<form>