事件的默认行为
事件本身就是天生就有的,某些事件触发,即使你没有绑定方法,也会存在一些效果,这些默认的效果就是"事件的默认行为"
-
a 标签的点击跳转就存在默认行为
- 1.页面跳转
- 2.锚点定位(HASH定位[哈希定位])
- target=’_blank’:让其在新窗口打开(加在标签上)
<a href="#box"> 内容 </a>
首先会在当前页面URL地址栏末尾设置一个HASH值,浏览器检测到HASH值后,会默认定位到当前页面中ID和HASH相同的盒子的位置(基于HASH值我们还可以实现SPA单页面应用)
-
INPUT标签也有自己的默认行为
- 1.输入内容可以呈现到文本框中
- 2.输入内容的时候会把之前输入的一些信息呈现出来(并不是所有浏览器和所有情况下都有)
…
-
SUBMIT按钮也存在默认行为
1.点击按钮页面会刷新
<form action="http://www.xxx.cn/"> <input type="submit" value="提交"> </form>
在FORM中设置ACTION,点击SUBMIT,会默认按照ACTION指定的地址进行页面跳转,并且把表单中的信息传递过去(非前后端分离项目中,由服务器进行页面渲染,由其它语言实现数据交互,一般都是这样处理)
…
阻止A标签的默认行为:很多时候我们使用A标签仅仅是想当做一个普通的按钮,点击实现一个功能,不想页面跳转,也不想锚点定位
在结构中阻止
<a href