event.preventDefault()取消事件的默认动作
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>测试事件对象的preventDefault()方法</title>
<link rel="stylesheet" type="text/css" href="../css/inputAndDiv.css">
</head>
<body style="background-color: #CCE8CF;">
<h3>测试事件对象的preventDefault()方法</h3>
<form action="" id="testForm">
<input type="text" value="江西省赣州市于都县" />
<br />
<input id="testSubmit" type="submit" value="提交表单" />
</form>
</body>
<script type="text/javascript">
document.getElementById("testSubmit").onclick = function(e) {
alert("测试e.preventDefault()");
//取消事件的默认动作
e.preventDefault();//不会提交表单,即阻止了表单的提交
}
function fn1() {
console.log(arguments, arguments.length, arguments[0]);
console.log("**********");
}
fn1();
window.onload = function() {
//浏览器会默认传递一个参数,该参数就是事件对象
console.log(arguments, arguments.length);
console.log(arguments[0]);
console.log(arguments[0].srcElement, arguments[0].target);
//this指的是事件绑定对象
console.log(this); //Window
}
</script>
</html>
完!