JavaScript权威指南笔记

原创
2016/12/16 08:40
阅读数 28
重要的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()注册的处理程序可能按照任何顺序调用,所以代码不应该依赖于调用顺序。

 

鼠标事件


 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
在线直播报名
返回顶部
顶部