事件对象的preventDefault()方法

最新推荐文章于 2024-05-28 17:29:02 发布

程宇寒

最新推荐文章于 2024-05-28 17:29:02 发布

阅读量597

点赞数

文章标签： html 事件对象前端 preventDefault event

本文链接：https://blog.csdn.net/czh500/article/details/111817387

版权

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>

完！