51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#Dom
深入理解DOM事件类型系列第六篇——加载事件
提到加载事件,可能想到了window.onload,但实际上,加载事件是一大类事件,本文将详细介绍加载事件 load load事件是最常用的一个事件,当页面完全加载后(包括所有图像、javascript文件、CSS文件等外部资源),就会触发window上的load事件 [注意]IE8-浏览器不会为该事...
代码星球
·
2020-05-24
事件
深入
理解
DOM
类型
深入理解DOM事件类型系列第五篇——文本事件
如果DOM结构发生变化,触发的是变动事件;如果文本框中的文本发生变化,触发的是文本事件 HTML5为input控件新增了很多type属性,大大增加了input控件的应用场景。其中一个是type="range"的input控件,可以通过拖动游标改变value值,但并不是所有浏览器都可以实时显示,除了IE10+浏览器...
代码星球
·
2020-05-24
事件
深入
理解
DOM
类型
深入理解DOM事件类型系列第四篇——剪贴板事件
剪贴板操作看起来不起眼,但却十分有用,可以增强用户体验,方便用户操作。本文将详细介绍剪贴板事件 定义 剪贴板操作包括剪切(cut)、复制(copy)和粘贴(paste)这三个操作,快捷键分别是ctrl+x、ctrl+c、ctrl+v。当然也可以使用鼠标右键菜单进行操作 关于这3个操作共对应下列6个剪贴...
代码星球
·
2020-05-24
事件
深入
理解
DOM
类型
深入理解DOM事件机制系列第四篇——事件模拟
事件是网页中某个特别的瞬间,经常由用户操作或通过其他浏览器功能来触发。但实际上,也可以使用javascript在任意时刻来触发特定的事件,而此时的事件就如同浏览器创建的事件一样。本文将详细介绍事件模拟 引入 以下面的实际需求为例,来详细说明事件模拟的使用。按钮一的点击效果是弹出1。而我们通过新增按钮二来...
代码星球
·
2020-05-24
事件
深入
理解
DOM
机制
深入理解DOM事件类型系列第三篇——变动事件
变动(mutation)事件能在DOM中的某一部分发生变化时给出提示,这类事件非常有用,但都只能使用DOM2级事件处理程序,且由于浏览器兼容性不好,所以用的不广泛 删除节点 删除节点时,涉及到DOMNodeRemoved、DOMNodeRemovedFromDocument和DOMSubtreeModi...
代码星球
·
2020-05-24
事件
深入
理解
DOM
类型
深入理解DOM事件类型系列第二篇——键盘事件
鼠标和键盘是电脑端主要的输入设备,上篇介绍了鼠标事件,本文将详细介绍键盘事件 类型 键盘事件用来描述键盘行为,主要有keydown、keypress、keyup三个事件keydown 当用户按下键盘上的任意键时触发,如果按住不放的话,会重复触发该事件<divid="test"style="hei...
代码星球
·
2020-05-24
事件
深入
理解
DOM
类型
深入理解DOM事件类型系列第一篇——鼠标事件
鼠标事件是web开发中最常用的一类事件,毕竟鼠标是最主要的定位设备。本文将详细介绍鼠标事件的内容 类型 鼠标事件共10类,包括click、contextmenu、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter和mous...
代码星球
·
2020-05-24
事件
深入
理解
DOM
类型
深入理解DOM事件机制系列第三篇——事件对象
在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息。所有浏览器都支持event对象,但支持方式不同。本文将详细介绍事件对象 获取事件对象 【1】一般地,event对象是事件程序的第一个参数 [注意]IE8-浏览器不支持//IE8-浏览器输出undefined...
代码星球
·
2020-05-24
事件
深入
理解
DOM
机制
深入理解DOM事件机制系列第二篇——事件处理程序
事件处理程序又叫事件侦听器,实际上就是事件的绑定函数。事件发生时会执行函数中相应代码。事件处理程序有HTML事件处理程序、DOM0级事件处理程序、DOM2级事件处理程序和IE事件处理程序四类,下面将详细介绍该部分内容 HTML事件处理程序 某个元素支持的每种事件,都可以使用一个与相应事件处理程序同名的H...
代码星球
·
2020-05-24
事件
深入
理解
DOM
机制
深入理解DOM事件机制系列第一篇——事件流
javascript操作CSS称为脚本化CSS,而javascript与HTML的交互是通过事件实现的。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间,而事件流(又叫事件传播)描述的是从页面中接收事件的顺序。本文将详细介绍该部分的内容 历史 当浏览器发展到第四代时(IE4及Netscape4),浏览...
代码星球
·
2020-05-24
事件
深入
理解
DOM
机制
深入理解DOM节点类型第七篇——文档节点DOCUMENT
文档节点document,隶属于表示浏览器的window对象,它表示网页页面,又被称为根节点。本文将详细介绍文档节点document的内容 特征 文档节点的三个node属性——nodeType、nodeValue、nodeName分别是9、'#document'和null 由于...
代码星球
·
2020-05-24
节点
深入
理解
DOM
类型
深入理解DOM节点类型第六篇——特性节点Attribute
元素的特性在DOM中以Attr类型表示,从技术角度讲,特性是存在于元素的attributes属性中的节点。尽管特性是节点,但却不是DOM节点树的一部分。本文将详细介绍该部分内容 特征 特性节点的三个node属性————nodeType、nodeName、n...
代码星球
·
2020-05-24
节点
深入
理解
DOM
类型
深入理解DOM节点类型第五篇——元素节点Element
元素节点Element非常常用,是DOM文档树的主要节点;元素节点是HTML标签元素的DOM化结果。元素节点主要提供了对元素标签名、子节点及特性的访问,本文将详细介绍元素节点的主要内容 特征 元素节点的三个node属性——nodeType、nodeName、nodeValue分别...
代码星球
·
2020-05-24
节点
深入
理解
DOM
类型
深入理解DOM节点类型第四篇——文档片段节点DocumentFragment
在所有节点类型中,只有文档片段节点DocumentFragment在文档中没有对应的标记。DOM规定文档片段(documentfragment)是一种“轻量级”的文档,可以包含和控制节点,但不会像完整的文档那样占用额外的资源 特征 创建文档片段,要使用document.creat...
代码星球
·
2020-05-24
节点
深入
理解
DOM
类型
深入理解DOM节点类型第三篇——注释节点和文档类型节点
把注释节点和文档类型节点放在一起是因为IE8-浏览器的一个bug。IE8-浏览器将标签名为"!"的元素视作注释节点,所以文档声明也被视作注释节点。本文将详细介绍这两部分的内容 注释节点【特征】 注释在DOM中是通过Comment类型来表示,注释节点的三个node属性——nodeT...
代码星球
·
2020-05-24
节点
类型
深入
理解
DOM
首页
上一页
...
20
21
22
23
24
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他