如何将javascript函数设置为没有回发的元素

Question

I created an input type=file and I need to connect it to my Javascript function, the problem is that I get postback (I don't need server-side), I tried different ways (code below).. maybe I set the function wrong... Help please ++ createMyButton is fired from another function and works fine.

//JAVASCRIPT
function createMyButton(){
 var deleteBtn = document.createElement('input');
        deleteBtn.type = "button";        
        deleteBtn.title = "Delete"; 
     //1 try
        deleteBtn.onclick = 'deleteItem()'; 
     //2 try
          deleteBtn.onclick = 'deleteItem();return false'; 

}
//FUNCTION 
 function deleteItem() {

        alert("delete");
    }

Answer 1

These are the issue I seen

1. deleteBtn.onclick = 'deleteItem();' are you missing quote "'' here ?

2 . If u want to bind event to element use addEventListener to for Eg

        var deleteBtn = document.createElement('input');
        deleteBtn.type = "button";        
        deleteBtn.title = "Delete"; 
        // you missed button value here 
        deleteBtn.value = "Delete"; 
        deleteBtn.addEventListener('click', deleteItem);


        //FUNCTION 
       function deleteItem() {
        var btn = this; // you can use button here 

        alert("delete");
       }

JSBIN EXAMPLE