如何阻止FORM表单button的默认行为

偶然遇到的一个问题

在form表单提交前做一个确认，本来打算加一个confirm就ok了 但是这个form提交时用button提交的，而且是submit类型的button，也就是说携带了数据，本想把他换成button类型的然后js提交也就行不通了
然后想把它改成input 这样就能传值了 然后JS提交 但是这个button里面竟然有文字和div等一些奇怪的东西，无奈只能阻止冒泡

document.querySelector('#button1').addEventListener('click',function(e){
    e.preventDefault();
},false);

做个记录