javascript - 如何在addeventlistener中使用onclick来阻止表单数据提交？

Question

这只是我代码的一部分。我不明白的是如何在我的 html 中使用 onclick 来阻止我的 php 文件运行。我有 html 文件，其中我的输入是按钮类型，并且我使用的是 DOM2，即 .addeventlistener

function checku(event) {

    var start=event.currentTarget;
    var warning="";
    if(start.name=="pressed"){
        alert("sdf");
         var temp=document.getElementById("form");
    }
    else
        var temp=start;

        var size=temp.length;

    for(var i=0;i<size;i++) {
        //alert(temp[i].name);

        if(temp[i].name=="Email"){


            var re = /^[0-9a-zA-Z]+@+[a-zA-Z]+?\.[a-z]{2,3}$/; 
            var len=temp[i].value.length;
            var t=re.test(temp[i].value)

            if(t==true||len==0){
                document.getElementById("user").innerHTML="";
                //  Email.style.color="black";
                if(len==0){
                    warning+="Email Address cannot be empty, ";
                    //return false;
                }
                //return true;

             } else {
                 user.style.fontStretch="condensed";
                 user.style.color="red";
                 user.style.fontWeight="600";
                 user.style.fontFamily="Arial, Helvetica, sans-serif";
                 //  Email.style.color="red";
                 document.getElementById("user").innerHTML="It should contain @ and .com or.ca ";
                 warning+="Email Address, ";
                 //return false;
             }
        }

Answer 1

试试这个代码。

var div = document.getElementById('myDiv');
div.addEventListener('click', function(e){
    e.preventDefault();
    // Your code here
});