文档章节

JavaScript权威指南笔记

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

 

鼠标事件


 

© 著作权归作者所有

共有 人打赏支持
d
粉丝 1
博文 9
码字总数 7611
作品 0
广州
私信 提问
《JavaScript权威指南》笔记(四)

第四篇笔记的内容主要涉及:javascript中的各种语句。 1. switch语句: (1)其中的case表达式采用===匹配,而不是==做匹配 (2)习惯上将default标签放在switch主体的结尾,但实际上可以放在...

小微
2012/08/28
0
2
javascript学习笔记之概要

总体以李炎恢老师的javascript视频为主,其视频简要说明了js的核心知识。 参考书籍:javascript权威指南。

风云海滩
2015/01/07
0
0
《JavaScript权威指南》笔记(二)

第二篇笔记的内容主要涉及:数据类型转换,函数、对象、数组的创建以及null与undefined的比较。 1. javascript中类型转换的方法: (1)数字-->字符串: number+" "; String(number); number...

小微
2012/08/28
0
7
分享51本关于JavaScript方面的学习书籍(免费下载)

分享51本关于JavaScript方面的学习书籍(免费下载) 1、JavaScript面向对象15分钟教程 2、原型、作用域、闭包的完整解释 3、Javascript面向对象特性实现(封装、继承、接口) 4、JavaScript面向...

邓剑彬
2012/12/02
1K
12
OSChina 第 21 期高手问答 —— ExtJS

OSCHINA 本期高手问答我们请来了《Ext JS权威指南》一书的作者 —— @黄灯桥 为大家解答关于 ExtJS 使用方面的各种问题。 黄灯桥(网名:上将军),资深Web技术专家,拥有10余年工作经验,一...

红薯
2012/06/24
6.9K
98

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 舔狗是没有好下场的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @我没有抓狂 :#今天听什么# #今天听这个# 分享 Nirvana 的歌曲《Smells Like Teen Spi...》 《Smells Like Teen Spi...》- Nirvana 手机党少...

小小编辑
今天
24
4
Linux Wireshark普通用户启动使用方案

当系统安装好Wireshark后请正常启动是否可以进行正常使用,如果不行请参考下列指导 向系统添加一个用户组 sudo groupadd wireshark //如提示此组存在可跳过 将指定用户添加到这个组中 sudo...

CHONGCHEN
今天
2
0
CSS 选择器参考手册

CSS 选择器参考手册 选择器 描述 [attribute] 用于选取带有指定属性的元素。 [attribute=value] 用于选取带有指定属性和值的元素。 [attribute~=value] 用于选取属性值中包含指定词汇的元素。...

Jack088
今天
2
0
数据库篇一

数据库篇 第1章 数据库介绍 1.1 数据库概述  什么是数据库(DB:DataBase) 数据库就是存储数据的仓库,其本质是一个文件系统,数据按照特定的格式将数据存储起来,用户可以对数据库中的数据...

stars永恒
今天
5
0
Intellij IDEA中设置了jsp页面,但是在访问页面时却提示404

在Intellij IDEA中设置了spring boot的jsp页面,但是在访问时,却出现404,Not Found,经过查找资料后解决,步骤如下: 在Run/Debug Configurations面板中设置该程序的Working Directory选项...

uknow8692
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部