#Dom

深入理解DOM事件类型系列第六篇——加载事件

  提到加载事件,可能想到了window.onload,但实际上,加载事件是一大类事件,本文将详细介绍加载事件 load  load事件是最常用的一个事件,当页面完全加载后(包括所有图像、javascript文件、CSS文件等外部资源),就会触发window上的load事件  [注意]IE8-浏览器不会为该事...

深入理解DOM事件类型系列第五篇——文本事件

  如果DOM结构发生变化,触发的是变动事件;如果文本框中的文本发生变化,触发的是文本事件  HTML5为input控件新增了很多type属性,大大增加了input控件的应用场景。其中一个是type="range"的input控件,可以通过拖动游标改变value值,但并不是所有浏览器都可以实时显示,除了IE10+浏览器...

深入理解DOM事件类型系列第四篇——剪贴板事件

  剪贴板操作看起来不起眼,但却十分有用,可以增强用户体验,方便用户操作。本文将详细介绍剪贴板事件 定义  剪贴板操作包括剪切(cut)、复制(copy)和粘贴(paste)这三个操作,快捷键分别是ctrl+x、ctrl+c、ctrl+v。当然也可以使用鼠标右键菜单进行操作  关于这3个操作共对应下列6个剪贴...

深入理解DOM事件机制系列第四篇——事件模拟

  事件是网页中某个特别的瞬间,经常由用户操作或通过其他浏览器功能来触发。但实际上,也可以使用javascript在任意时刻来触发特定的事件,而此时的事件就如同浏览器创建的事件一样。本文将详细介绍事件模拟 引入  以下面的实际需求为例,来详细说明事件模拟的使用。按钮一的点击效果是弹出1。而我们通过新增按钮二来...

深入理解DOM事件类型系列第三篇——变动事件

  变动(mutation)事件能在DOM中的某一部分发生变化时给出提示,这类事件非常有用,但都只能使用DOM2级事件处理程序,且由于浏览器兼容性不好,所以用的不广泛 删除节点  删除节点时,涉及到DOMNodeRemoved、DOMNodeRemovedFromDocument和DOMSubtreeModi...

深入理解DOM事件类型系列第二篇——键盘事件

  鼠标和键盘是电脑端主要的输入设备,上篇介绍了鼠标事件,本文将详细介绍键盘事件 类型  键盘事件用来描述键盘行为,主要有keydown、keypress、keyup三个事件keydown  当用户按下键盘上的任意键时触发,如果按住不放的话,会重复触发该事件<divid="test"style="hei...

深入理解DOM事件类型系列第一篇——鼠标事件

  鼠标事件是web开发中最常用的一类事件,毕竟鼠标是最主要的定位设备。本文将详细介绍鼠标事件的内容 类型  鼠标事件共10类,包括click、contextmenu、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter和mous...

深入理解DOM事件机制系列第三篇——事件对象

  在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息。所有浏览器都支持event对象,但支持方式不同。本文将详细介绍事件对象 获取事件对象  【1】一般地,event对象是事件程序的第一个参数  [注意]IE8-浏览器不支持//IE8-浏览器输出undefined...

深入理解DOM事件机制系列第二篇——事件处理程序

  事件处理程序又叫事件侦听器,实际上就是事件的绑定函数。事件发生时会执行函数中相应代码。事件处理程序有HTML事件处理程序、DOM0级事件处理程序、DOM2级事件处理程序和IE事件处理程序四类,下面将详细介绍该部分内容 HTML事件处理程序  某个元素支持的每种事件,都可以使用一个与相应事件处理程序同名的H...

深入理解DOM事件机制系列第一篇——事件流

  javascript操作CSS称为脚本化CSS,而javascript与HTML的交互是通过事件实现的。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间,而事件流(又叫事件传播)描述的是从页面中接收事件的顺序。本文将详细介绍该部分的内容 历史  当浏览器发展到第四代时(IE4及Netscape4),浏览...

深入理解DOM节点类型第七篇——文档节点DOCUMENT

  文档节点document,隶属于表示浏览器的window对象,它表示网页页面,又被称为根节点。本文将详细介绍文档节点document的内容 特征  文档节点的三个node属性——nodeType、nodeValue、nodeName分别是9、'#document'和null  由于...

深入理解DOM节点类型第六篇——特性节点Attribute

  元素的特性在DOM中以Attr类型表示,从技术角度讲,特性是存在于元素的attributes属性中的节点。尽管特性是节点,但却不是DOM节点树的一部分。本文将详细介绍该部分内容 特征  特性节点的三个node属性————nodeType、nodeName、n...

深入理解DOM节点类型第五篇——元素节点Element

  元素节点Element非常常用,是DOM文档树的主要节点;元素节点是HTML标签元素的DOM化结果。元素节点主要提供了对元素标签名、子节点及特性的访问,本文将详细介绍元素节点的主要内容 特征  元素节点的三个node属性——nodeType、nodeName、nodeValue分别...

深入理解DOM节点类型第四篇——文档片段节点DocumentFragment

  在所有节点类型中,只有文档片段节点DocumentFragment在文档中没有对应的标记。DOM规定文档片段(documentfragment)是一种“轻量级”的文档,可以包含和控制节点,但不会像完整的文档那样占用额外的资源 特征  创建文档片段,要使用document.creat...

深入理解DOM节点类型第三篇——注释节点和文档类型节点

  把注释节点和文档类型节点放在一起是因为IE8-浏览器的一个bug。IE8-浏览器将标签名为"!"的元素视作注释节点,所以文档声明也被视作注释节点。本文将详细介绍这两部分的内容 注释节点【特征】  注释在DOM中是通过Comment类型来表示,注释节点的三个node属性——nodeT...
首页上一页...2021222324...下一页尾页