一:浏览器的原生事件
1、浏览器中存在一些默认行为,比如:文本可复制、图片可“拖拽”(这是伪拖拽。实际并没有移动,松开鼠标后,会弹出新的链接。)、右键会出现菜单、a标签单击会跳转等。
2、为什么要阻止默认行为,如某些时候,我们需要写一个a标签。但是必须达到某个条件后。才会把地址给a标签。实现单击跳转功能,但如果不阻止默认跳转,在刚开始a标签地址的时候,单击,会刷新页面,所以我们需要可以控制这些默认行为。
3、如何阻止:
①return false
;这不仅仅阻止默认行为,还阻止冒泡,下手太狠,万能;
②event.preventDefault
(不适于ie9以下浏览器)。event.preventDefalut:event.returnValue = false;
(推荐写法,可解决兼容性。)
4、还有一些常用的阻止行为方式,如:oncopy=“return false”
(禁止文本赋值。)ondragstarts=“return false”
。
二、网页渲染顺序
1、加载html,构建Dom树;
2、加载css,构建层叠样式模型,简称Cssom;
3、将Dom与Cssom合并,构建渲染树,样式与元素绑定;
4、通过Dom树去确定元素样式关系,计算各元素属性值;
5、将元素在页面实现。