Question

每个人。如您所见，我有一个带有按钮的表单。单击按钮时，我想执行一些JavaScript代码（对于这个问题并不重要）。

当我按下删除按钮时，页面会刷新，但这不是我想要的。你们知道为什么按下按钮时我的页面会刷新吗？

HTML代码

<form id="form" method="POST"> 
    <button type="button "id="delete" name="delete" onclick="delete_data();"><i class="fa fa-remove" aria-hidden="true"></i> Delete Zone(s)</button>
</form>

JavaScript代码

function delete_data(){
        //this function is used to obtain id's of selected checkboxes.

        var checkedIds = $(".chk:checked").map(function() {
            return this.id;
        }).toArray();

        alert(checkedIds);
    }

Answer 1

您应避免发生默认行为：

function delete_data(event){
        event.preventDefault();
        //this function is used to obtain id's of selected checkboxes.

        var checkedIds = $(".chk:checked").map(function() {
            return this.id;
        }).toArray();

        alert(checkedIds);
    }

Answer 2

event.preventDefault（）将有助于停止默认行为。

function delete_data(){
   event.preventDefault();
    var checkedIds = $(".chk:checked").map(function() {
        return this.id;
    }).toArray();

    alert(checkedIds);
}

Answer 3

e.preventDefault()将阻止发生默认事件。这意味着它将阻止执行任何默认的浏览器操作。

您应该在处理程序的第一行添加e.preventDefault()。

function delete_data(event){
        event.preventDefault();

        //...
}

按下简单按钮时页面会刷新吗？

3 个答案: