
DOM 事件
nicexibeidage
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
针对js事件的实践与练习答案(二)
1.10类 click dbclick contextmenu mouseover mouseout mousemove mousedown mouseup mouseenter mouseleave 2.mouseenter和mouseleaver是不支持冒泡的 3.clientX/Y 表示鼠标指针在可视区域中的水平和垂直坐标 x/y原创 2017-12-15 18:24:45 · 303 阅读 · 0 评论 -
深入理解DOM事件类型系列第二篇——键盘事件
前面的话 鼠标和键盘是电脑端主要的输入设备,上篇介绍了鼠标事件,本文将详细介绍键盘事件 类型 键盘事件用来描述键盘行为,主要有keydown、keypress、keyup三个事件 keydown 当用户按下键盘上的任意键时触发,如果按住不放的话,会重复触发该事件 div id="test" style="height: 30px;w转载 2017-12-14 14:27:46 · 936 阅读 · 0 评论 -
深入理解DOM事件类型系列第一篇——鼠标事件
前面的话 鼠标事件是web开发中最常用的一类事件,毕竟鼠标是最主要的定位设备。本文将详细介绍鼠标事件的内容 类型 鼠标事件共10类,包括click、contextmenu、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter和mouseleave click转载 2017-12-13 15:20:31 · 277 阅读 · 0 评论 -
DOM一致性检测
【implementation】 由于DOM分为多个级别,也包含多个部分,因此检测浏览器实现了DOM的哪些部分就十分必要。document.implementation属性就是这些提供相应信息和功能的对象。与浏览器对DOM的实现直接对应。 DOM1级只为document.implementation规定了一个方法,即hasFeature()。这个方法接受两个参数:要检测的DOM功能的名转载 2018-01-16 14:43:36 · 354 阅读 · 0 评论 -
深入理解DOM事件机制系列第一篇——事件流
前面的话 javascript操作CSS称为脚本化CSS,而javascript与HTML的交互是通过事件实现的。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间,而事件流(又叫事件传播)描述的是从页面中接收事件的顺序。本文将详细介绍该部分的内容 历史 当浏览器发展到第四代时(IE4及Netscape4),浏览器开发团队遇到了一个很有意思的问题:页面的哪一部分会拥有某个特定的转载 2017-12-06 17:29:35 · 186 阅读 · 0 评论 -
深入理解DOM事件机制系列第二篇——事件处理程序
前面的话 事件处理程序又叫事件侦听器,实际上就是事件的绑定函数。事件发生时会执行函数中相应代码。事件处理程序有HTML事件处理程序、DOM0级事件处理程序、DOM2级事件处理程序和IE事件处理程序四类,下面将详细介绍该部分内容 HTML事件处理程序 某个元素支持的每种事件,都可以使用一个与相应事件处理程序同名的HTML特性来指定。这个特性的值应该是能够执行的javascript转载 2017-12-06 18:40:38 · 123 阅读 · 0 评论 -
深入理解DOM事件机制系列第三篇——事件对象
前面的话 在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息。所有浏览器都支持event对象,但支持方式不同。本文将详细介绍事件对象 获取事件对象 【1】一般地,event对象是事件程序的第一个参数 [注意]IE8-浏览器不支持 //IE8-浏览器输出undefined,其他浏览器则输出事件对象转载 2017-12-12 15:03:59 · 5983 阅读 · 0 评论 -
深入理解DOM事件类型系列第四篇——加载事件
前面的话 提到加载事件,可能想到了window.onload,但实际上,加载事件是一大类事件,本文将详细介绍加载事件 load load事件是最常用的一个事件,当页面完全加载后(包括所有图像、javascript文件、CSS文件等外部资源),就会触发window上的load事件 [注意]IE8-浏览器不会为该事件设置srcElement属性,而其他浏览转载 2017-12-14 17:08:43 · 804 阅读 · 0 评论 -
深入理解DOM事件类型系列第五篇——剪贴板事件
前面的话 剪贴板操作看起来不起眼,但却十分有用,可以增强用户体验,方便用户操作。本文将详细介绍剪贴板事件 定义 剪贴板操作包括剪切(cut)、复制(copy)和粘贴(paste)这三个操作,快捷键分别是ctrl+x、ctrl+c、ctrl+v。当然也可以使用鼠标右键菜单进行操作 关于这3个操作共对应下列6个剪贴板事件 copy:在发生复制转载 2017-12-14 17:09:27 · 182 阅读 · 0 评论 -
深入理解DOM事件机制系列第六篇——事件模拟
前面的话 事件是网页中某个特别的瞬间,经常由用户操作或通过其他浏览器功能来触发。但实际上,也可以使用javascript在任意时刻来触发特定的事件,而此时的事件就如同浏览器创建的事件一样。本文将详细介绍事件模拟 引入 以下面的实际需求为例,来详细说明事件模拟的使用。按钮一的点击效果是弹出1。而我们通过新增按钮二来模拟按钮一的效果 button id转载 2017-12-14 17:10:50 · 312 阅读 · 0 评论 -
深入理解DOM事件机制系列第七篇——焦点管理
前面的话 焦点作为javascript中的一个重要功能,基本上和页面交互都离不开焦点。但却少有人对焦点管理系统地做总结归纳。本文就javascript中的焦点管理作详细介绍 焦点元素 到底哪些元素可以获得焦点呢?默认情况下,只有表单元素可以获得焦点。因为只有表单元素可以交互 input type="text" value="223">转载 2017-12-14 17:11:14 · 481 阅读 · 0 评论 -
深入理解DOM事件类型系列第八篇——变动事件
前面的话 变动(mutation)事件能在DOM中的某一部分发生变化时给出提示,这类事件非常有用,但都只能使用DOM2级事件处理程序,且由于浏览器兼容性不好,所以用的不广泛 删除节点 删除节点时,涉及到DOMNodeRemoved、DOMNodeRemovedFromDocument和DOMSubtreeModified这三个事件,下面将详细介绍 DO转载 2017-12-14 17:12:48 · 1054 阅读 · 0 评论 -
针对js事件的实践与练习(一)
在到这里之前,希望大家先看一下我转载的各种事件的文章,写的真的很好,哈哈!!! 1.事件冒泡与事件捕获的浏览器支持,以及各个浏览器最终会冒泡到哪个元素或是从哪个元素开始捕获的 2.事件处理程序分为几类。是哪几类。每类都有哪些特点。兼容性。缺点。怎么删除对应的事件处理程序。给id="div"的元素增加onclick事件的事件处理程序,每一种的写法分别是什么。写一个方法为getEvent()函原创 2017-12-15 16:54:09 · 254 阅读 · 0 评论 -
针对js事件的实践与练习答案(一)
哈哈!!答案如若有不对的地方,还请赐教,大家如果对答案不太理解,可以看我前面的博客,是针对每个事件的详解 1.事件冒泡:各个浏览器都支持,ie9+以及其他浏览器会冒泡到window对象,而ie8-会冒泡到document 事件捕获:ie8-不支持,其他浏览器支持,其他浏览器是从window开始捕获的 2.事件处理程序分为4类。 HTML事件处理程序: 写法:原创 2017-12-15 16:54:31 · 709 阅读 · 0 评论 -
针对js事件的实践与练习(二)
1.鼠标事件分为几类,列出来 2.哪些是不支持冒泡的 3.鼠标事件对象的属性有哪些 4.事件对象的修改键有哪些 5.介绍相关元素属性以及兼容性 7.鼠标案件属性是什么,有什么兼容性 8.对于滚轮事件,你能想到什么原创 2017-12-15 18:23:44 · 168 阅读 · 0 评论 -
深入理解DOM事件类型系列第三篇——文本事件
前面的话 如果DOM结构发生变化,触发的是变动事件;如果文本框中的文本发生变化,触发的是文本事件 HTML5为input控件新增了很多type属性,大大增加了input控件的应用场景。其中一个是type="range"的input控件,可以通过拖动游标改变value值,但并不是所有浏览器都可以实时显示,除了IE10+浏览器 input type="range" min="转载 2017-12-14 17:07:00 · 217 阅读 · 0 评论