Question

所以说我有这个HTML代码：

＆＃13;

function sendMain() {
  swal({
    title: "Preparando para mandar Email...",
    text: "Clique em 'OK' para mandar o Email.",
    type: "info",
    showCancelButton: true,
    closeOnConfirm: false,
    showLoaderOnConfirm: true,
  }, function() {
    setTimeout(function() {
      swal("Redirecionando!");
    }, 2000);
  });
}

＆＃13;

<button id="send" onclick="sendMain()">Mandar</button>

＆＃13;

其中swal是SweetAlert show alert功能。问题是：当我点击它时，它会显示1/4秒的消息然后转到页面顶部并添加＆＃34;？＆＃34;到页面末尾的URL。有什么问题？

Answer 1

您没有为按钮指定type，因此默认情况下它是一个提交按钮。并且提交按钮的默认行为是尝试提交其表单以使页面重新加载。添加以下属性：

type="button"

然后按钮将没有默认操作，因此只会通过Javascript执行您指定的任何操作。

HTML按钮在点击时表现得很奇怪

1 个答案: