JavaScript权威指南笔记

重要的CSS样式属性

position	指定元素的定位类型
top、left	指定元素上、左边缘的位置
bottom、right	指定元素下、右边缘的位置
width、height	指定元素的尺寸
z-index	指定元素相对于其余重叠元素的“堆叠次序”，定义了元素定位的第三个维度
display	指定元素是否以及如何显示
visibility	指定元素是否可见
clip	定义元素的“裁剪区域”，只显示元素在区域内的部分
overflow	指定元素比分配的空间要大时的处理方式
margin、border、padding	指定元素的空白和边框
background	指定元素的背景颜色或图片
opacity	指定元素的不透明度（或半透明度）

 

CSS盒模型：边框、内边距和定位属性

事件分类
依赖于设备的输入事件
包括"mousedown"、"mousemove"、"mouseup"、"keydown"、"keypress"和"keyup"这样的传统事件类型，也包括像"touchmove"和"gesturechange"这样新的触摸事件类型。
独立于设备的输入事件
有些输入事件没有直接相关的特定输入设备。例如，click事件表示激活了连接、按钮或其余文档元素，这一般是经过鼠标单击实现，但也能经过键盘或触摸感知设备上的手势来实现。还没有普遍实现的textinput事件就是一个独立于设备的输入事件，它既能取代按键事件并支持键盘输入，也能够取代剪切和粘贴与手写识别的事件。
用户界面事件
用户界面事件是较高级的事件，一般出如今定义Web应用用户界面的HTML表单元素上。包括文本输入域获取键盘焦点的focus事件、用户改变表单元素显示值的change事件和用户单击表单中的“提交”按钮的submit事件。
状态变化事件
有些事件不是由用户活动而是由网络或浏览器活动触发，用来表示某种生命周期或相关状态的变化。
特定API事件
HTML5及相关规范定义的大量Web API都有本身的事件类型。
计时器和错误处理程序
 

 

addEventListener()

addEventListener()接受三个参数。第一个是要注册处理程序的事件类型，这个事件类型（或名字）是字符串，但它不该该包括用于设置事件处理程序属性的前缀"on"。第二个参数是当指定类型的事件发生时应该调用的函数。最后一个参数是布尔值

removeEventListener()

有三个参数，从对象中删除事件处理程序函数而非添加，它经常使用于临时注册事件处理程序，而后不久就删除它

attachEvent()

有两个参数：事件类型和处理程序函数。·attachEvent()容许相同的事件处理程序函数注册屡次

调用顺序

浏览器必须按照以下规则调用全部的事件处理程序：

经过设置对象属性或HTML属性注册的处理程序一直优先调用。
使用addEventListener()注册的处理程序按照它们的注册顺序调用[注释]。
使用attachEvent()注册的处理程序可能按照任何顺序调用，因此代码不该该依赖于调用顺序。

 

鼠标事件