[13.事件]

DOM级别理解:DOM分为1级、2级、3级,后一级是前一级的补充和扩展,IE4及Netscape Communicator4是浏览器发展的标志性里程碑,DOM 0级并不存在,只是用来指代这个时段的参照点。

事件流:

  • 1.事件冒泡。
  • 2.事件捕获。
  • DOM2级事件规定的事件流包括三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段。

DOM二级事件处理:事件监听

  • IE8及以下版本:attachEvent(‘eventName‘,callback)、detachEvent(‘eventName‘,callback)
  • 其它:addEventListener(‘eventName‘,callback,boolern)、removeEventListener(‘eventName‘,callback,boolern),boolern为true时表示事件捕获阶段调用函数,boolern为false时表示事件冒泡阶段调用函数。
//制作兼容方法
var EventUtil={
    addHandler:function(element,type,handler){
        if(element.addEventListener){
            element.addEventListener(type,handler,false);
        }else if(element.attachEvent){
            element.attachEvent(‘on‘+type,handler);
        }else{
            element[‘on‘+type]=handler;
        }
    },
    removeHandler:function(element,type,handler){
        if(element.removeEventListener){
            element.removeEventListener(type,handler,false);
        }else if(element.detachEvent){
            element.datachEvent(‘on‘+type,handler);
        }else{
            element[‘on‘+type]=null;
        }
    }
}
//调用
var btn=document.getElementById(‘mybtn‘);
EventUtil.addHandler(btn,‘click‘,handler);
EventUtil.removeHandler(btn,‘click‘,handler);
时间: 2024-10-24 13:25:59

[13.事件]的相关文章

键盘13事件

document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; if(e && e.keyCode==27){ // 按 Esc //要做的事情 } if(e && e.keyCode==113){ // 按 F2 //要做的事情 } if(e && e.keyCode==13){ // enter 键 fin

《JavaScript高级程序设计》Chapter 13 事件

小记 JS与HTML之间的交互通过事件实现,事件发生在交互的瞬间,可以使用事件监听器(或者事件处理程序)来预定时间.DOM2事件模块尽量对事件进行规范,然而DOM3又增加了一些额外的处理方式,再加上BOM和浏览器之间的差异性,事件处理有的时候会十分的复杂.但仍然需要了解基本的概念. 导航 事件流的概念 go 事件处理程序(HTML.DOM0.DOM2以及IE的大体运作方式,跨浏览器处理) go 事件对象(event.DOM和IE的差别,跨浏览器处理)go 事件类型(列举各种常用事件类型,了解一些

Ugui 13.事件触发 笔记 unity教育

evensystem  firstselet   默认选中一个物体  拖动进去 send navegation  envents    导航   键盘上下左右自动选中 trag    teshold                   最小拖动 有效 EventSystemTest public class  EventSystemTest:monobehavo,IpointClickHandle,---- public void   OnPointerClick(PointerEventDat

jQuery中的事件机制深入浅出

昨天呢,我们大家一起分享了jQuery中的样式选择器,那么今天我们就来看一下jQuery中的事件机制,其实,jQuery中的事件机制与JavaScript中的事件机制区别是不大的,只是,JavaScript中调用是原生的函数方法,而jQuery中调用的绑定的是jQuery中的对象方法,那么在昨天的第一篇中,我们已经说过了jQuery对象和DOM对象之间的转换,至于其中的转换的原理,我们就需要去分析一下jQuery中的源码了,这个我们在源码分析中再去做讨论, 首先呢,我们先来看一下,jQuery中

python 模拟事件触发机制

EventManager.py 1 # -*- encoding: UTF-8 -*- 2 3 # 系统模块 4 from queue import Queue, Empty 5 from threading import * 6 7 8 class EventManager: 9 def __init__(self): 10 """初始化事件管理器""" 11 # 事件对象列表 12 self.__eventQueue = Queue() 13

JS事件对象 (event)

#事件对象 (event) div.onclick = function(event){ console.log(event); let e = event||window.event;解决兼容性 } ##事件对象的属性 1)target 目标对象:e.target(获取触发事件的元素) 2)this 指向绑定的元素 ###鼠标相关的属性 1)相对于浏览器(文档显示区)的坐标:clientX.clientY 2) 相对于页面的坐标:pageX.pageY:如果有滚动条,会计算隐藏的坐标 3)相对

「Flink」事件时间与水印

我们先来以滚动时间窗口为例,来看一下窗口的几个时间参数与Flink流处理系统时间特性的关系. 获取窗口开始时间Flink源代码 获取窗口的开始时间为以下代码: org.apache.flink.streaming.api.windowing.windows.TimeWindow /** * Method to get the window start for a timestamp. * * @param timestamp epoch millisecond to get the window

将军原来是诗人

将军原来是诗人 8月20日晚,接到克温老师的电话,说9月4日在银川召开一个座谈会,要我准备一个发言,并建议我把发言的重点放在对无产阶级政治家诗作的评论上.当时,我手头尚有三项工作,均要求赶9月1日截工.虽然如此,我还是欣然应诺了. 说到“无产阶级政治家”的诗,我立即想到了陈毅,想到了陈毅的诗及与此有关的一段往事. 早在“文革”前,我就已读过陈毅同志的诗,也读过诗人藏克家的<陈毅同志的诗词>—文,印象很深.比如陈毅写于民主革命时期的<赣南游击词>.<诗四首>(“文革”后正

第九篇 Integration Services:控制流任务错误

本篇文章是Integration Services系列的第九篇,详细内容请参考原文. 简介在前面三篇文章,我们创建了一个新的SSIS包,学习了脚本任务和优先约束,并检查包的MaxConcurrentExecutables属性.我们检查.演示并测试优先约束赋值为"成功"."完成"."失败"时对工作流的影响.我们学习了SSIS变量和表达式,并将它们应用到优先约束.这一篇,we introduce fault tolerance by examinin