83事件对象的作用——阻止事件默认行为

1、什么是浏览器默认行为

HTML中有些元素标签拥有一些特殊的行为。例如，单击<a>标签后，会自动跳转到href属性指定的URL链接；单击表单的submit按钮后，会自动将表单数据提交到指定的服务器端页面（action属性值）处理。因此，我们把标签具有的这种行为称为默认行为（浏览器默认动作）。

某些事件发生时，浏览器会自动执行默认的动作。而事件句柄的返回值会影响浏览器默认动作的执行。如果事件句柄不返回值，或者返回true，默认动作被执行；如果事件句柄返回false，则默认动作不发生。

2、阻止浏览器默认行为

在实际开发中，为了使程序更加严谨，想要确定含有默认行为的标签符合要求后，才能执行默认行为时，可利用对象的preventDefault()方法和returnValue属性，禁止所有浏览器执行元素的默认行为。

event.preventDefault(); //主流浏览器
event.returnValue = false;// IE(6/7/8)浏览器
return false; //dom1级事件设置起作用

<a href="http://www.jd.com">京东</a>

return false，只针对dom1级事件起作用

event.preventDefault(),dom1和dom2都起作用

另外一个例子：

<form action="02事件流.html">
	<p>
		<label for="username">用户名：</label>
		<input type="text" id="username" name="username" / >
	</p>
	<p>
		<label for="userpwd">密&nbsp;&nbsp;码：</label>
		<input type="password" id="userpwd" name="userpwd" / >
	</p>
	<p>
		<input type="submit" value="注册">
		<input type="reset" value="重置">
	</p>
</form>

3、练习

为浏览器中所有的a标签添加点击事件，点击的时候提示“你确定跳转吗”，如果是确定就进行浏览器默认行为，如果是取消，就阻止浏览器行为。