文章目录
1、什么是浏览器默认行为2、阻止浏览器默认行为return false,只针对dom1级事件起作用event.preventDefault(),dom1和dom2都起作用 3、练习1、什么是浏览器默认行为
HTML
中有些元素标签拥有一些特殊的行为。例如,单击<a>
标签后,会自动跳转到href
属性指定的URL
链接;单击表单的submit
按钮后,会自动将表单数据提交到指定的服务器端页面(action
属性值)处理。因此,我们把标签具有的这种行为称为默认行为(浏览器默认动作)。
某些事件发生时,浏览器会自动执行默认的动作。而事件句柄的返回值会影响浏览器默认动作的执行。如果事件句柄不返回值,或者返回true
,默认动作被执行;如果事件句柄返回false
,则默认动作不发生。
2、阻止浏览器默认行为
在实际开发中,为了使程序更加严谨,想要确定含有默认行为的标签符合要求后,才能执行默认行为时,可利用对象的preventDefault()
方法和returnValue
属性,禁止所有浏览器执行元素的默认行为。
event.preventDefault(); //主流浏览器event.returnValue = false;// IE(6/7/8)浏览器return false; //dom1级事件设置起作用
return false,只针对dom1级事件起作用
event.preventDefault(),dom1和dom2都起作用
3、练习
为浏览器中所有的a
标签添加点击事件,点击的时候提示“你确定跳转吗”,如果是确定就进行浏览器默认行为,如果是取消,就阻止浏览器行为。