JS捕获onclick与onsubmit等事件
有时候,用户点击一个按钮,提交一个表单,我们需要先对用户填写的内容做验证,然后再决定是否允许用户提交。这里给出两种捕获事件,决定是否允许用户进行下一步操作的方法。
使用event.preventDefault()
<a href="" id="undo">undo</a>
document.getElementById("undo").addEventListener("click", function(e){
var block = false
// do some logical check
if (block) e.preventDefault(); //stop form from submitting
});
使用return false
注意这里,在html的onclick里面,一定要使用onclick="return check()"
<a href="" id="undo" onclick="return check()">undo</a>
function check(){
var block = false
// do some logical check
if (block) return false //stop form from submitting
else return true
}