DOM事件里封装方法eventUtil

【DOM事件里封装方法eventUtil】的更多相关文章

DOM事件里封装方法eventUtil

var eventUtil={ //添加句柄 addHandler:function (element,type,handler) { //element相当于btn2,type此时用的是click类型的,没有on,handler是相当于handler if (element.addEventListener){//DOM2级处理程序 element.addEventListener(type,handler,false); }else if(element.attachEvent){//IE事…

javascript将DOM事件处理程序封装为event.js 出现的低级错误记录

将 DOM 0级事件处理程序和DOM2级事件处理程序 IE事件处理程序封装为eventUtil对象,达到跨浏览器的效果.代码如下: var eventUtil = { // 添加事件句柄 addEventHandler:function (element,type,handler) { if (element.addEventListener) { element.addEventListener(type, handler,false); }else if(element.attachEven…

事件对象（示例、封装函数EventUtil()）

事件对象什么是事件对象? 在触发DOM上的事件时都会产生一个对象. 事件对象event 1.DOM中的事件对象 (1)\type属性用于获取事件类型 (2)\target属性用于获取事件目标 (3)\stopPropagation()方法用于阻止事件冒泡 (4)\preventDefault()方法用于阻止事件的默认行为 2.IE中的事件对象 (1)\type属性用于获取事件类型 (2)\srcElement属性用于获取事件目标 (3)\cancelBubble属性 true阻止事件冒泡 (…

415 DOM 查找列表框、下拉菜单控件、对表格元素/表单控件进行增删改操作、创建元素并且复制节点与删除、对表格操作、通用性和标准的事件监听方法（点击后弹窗效果以及去掉效果）

DOM访问列表框.下拉菜单的常用属性: form.length.options.selectedindex.type 使用options[index]返回具体选项所对应的常用属性:defaultselected.index.selected.text.value DOM访问表格子元素的常用属性和方法: caption.rows 通过rows[index]返回表格指定的行所对应的属性:cells 通过cells[index]返回表格指定的列所对应的属性:cellind…

HTML DOM 事件与方法

HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序. 事件通常与函数结合使用,函数不会在事件发生前被执行! (如用户点击按钮). 鼠标事件键盘事件框架/对象(Frame/Object)事件表单事件剪贴板事件打印事件拖动事件多媒体(Media)事件动画事件过渡事件其他事件事件对象属性方法目标事件对象方法事件监听对象方法文档事件对象方法鼠标/键盘事件对象属性方法…

DOM事件探秘

说到DOM事件,就不得不说以下几点: 1 事件流事件流:描述的是从页面中接受事件的顺序事件流分为事件冒泡流和事件捕获流.那么什么是事件冒泡,什么是事件捕获呢? 事件冒泡:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档). 事件捕获:不太具体的元素最早接收事件,而不太具体的元素最后接收事件.它跟事件冒泡是一个截然相反的概念. 2 事件处理程序 2.1 HTML事件处理程序如下将事件处理程序嵌入到HTML元素当中 <div> <…

DOM 事件流与事件处理程序

㈠事件流 ▶事件:是文档和浏览器窗口中发生的,特定的交互瞬间. ▶事件流:描述的是从页面中接受事件的顺序 ⑴DOM事件冒泡定义:事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接受,然后逐级向上传播至最不具体的那个节点(文档). 具体讲解: 代码: <html> <head> <title>事件流<title> <meta charset="utf-8"></head> <body>…

DOM事件

在慕课网上学习了DOM事件探秘课程,特此整理了一下笔记. 慕课网DOM事件探秘课程地址:http://www.imooc.com/learn/138 事件是文档或浏览器窗口中发生的特定的交互瞬间.[JavaScript <------>HTML] 事件流描述的是从页面中接受事件的顺序 (IE:事件冒泡流 / Netscape事件捕获流) 事件的三个阶段事件的三个阶段分别是:捕获阶段.目标阶段.冒泡阶段事件冒泡流:即事件最开始由最具体的无素(文档中嵌套层次最深的那个节点)接收,然后逐级向…

你真的了解DOM事件么？

你真的了解DOM事件么? 我们大家都知道,人与人之间的交流可以通过语言,文字,肢体动作,面部微表情等,但是你知道Javascript和HTML之间是通过什么进行交互的么?你又知道Javascript和HTML之间是如何进行交互的么?如果你不是那么清楚,可以看这篇文章... 前面的话: 这篇博文由浅入深,先介绍两种事件流,然后介绍常见的事件处理程序以及它们之间的差异(涉及到一个简单的兼容的处理函数),后面还会针对事件对象进行深入学习,最后则是通过DOM事件实现的小案例. 事件流: 关于事件流,简单…

DOM事件简介－－摘自admin10000

Click.touch.load.drag.change.input.error.risize — 这些都是冗长的DOM(文档对象模型)事件列表的一部分.事件可以在文档(Document)结构的任何部分被触发,触发者可以是用户操作,也可以是浏览器本身.事件并不是只是在一处被触发和终止:他们在整个document中流动,拥有它们自己的生命周期.而这个生命周期让DOM事件有更多的用途和可扩展性. 作为一个开发人员,我们必须要理解DOM事件是如何工作的,然后才能更好的驾驭它,利用它们潜在的优势,开…