zoukankan      html  css  js  c++  java
  • DOM事件相关内容

    一、事件流

    事件流描述的是从页面中接受事件的顺序。
    IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流
    1、事件冒泡
    事件冒泡,事件最开始由最具体触发事件的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上转播至最不具体的节点(文档)。
    2、事件捕获
    事件捕获的思想是不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件。

    二、事件处理程序

    1、HTML事件处理程序
    直接在HTML中写事件属性,缺点:HTML与js耦合在一起。
    2、DOM0级事件处理程序
    3、DOM2级事件处理程序
    DOM2级事件定义了两个方法:用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventListener()。它们都接收三个参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。
    4、IE事件处理程序
    attachEvent()添加事件
    detachEvent()删除事件
    这两个方法接收相同的两个参数:事件处理程序名称与事件处理函数
    5、跨浏览器的事件处理程序

    三、事件对象

    1、DOM中的事件对象:event
    (1)、type:获取事件类型
    (2)、target:事件目标
    (3)、stopPropagation() 阻止事件冒泡
    (4)、preventDefault() 阻止事件的默认行为

    1.altKey 
    描述: 检查alt键的状态。 
    语法: event.altKey 
    可能的值: 当alt键按下时,值为 true,否则为 false只读。

    2.ctrlKey 
    描述: 检查ctrl键的状态。 
    语法: event.ctrlKey 
    可能的值: 当ctrl键按下时,值为 true ,否则为 false。只读。

    3.shiftKey 
    描述: 检查shift键的状态。 
    语法: event.shiftKey 
    可能的值: 当shift键按下时,值为 true ,否则为 false。只读。
    2、IE中的事件对象:window.event
    (1)、type:获取事件类型
    (2)、srcElement:事件目标
    (3)、cancelBubble=true阻止事件冒泡
    (4)、returnValue=false阻止事件的默认行为

  • 相关阅读:
    hitb2017 sentosa writeup
    linux下system函数的简单分析
    深入Linux内核架构-虚拟文件系统-脑图
    深入Linux内核架构-进程虚拟内存-脑图
    深入Linux内核架构-进程间通信
    BCTF 2017 babyuse
    深入Linux内核架构-内存管理-脑图
    深入Linux内核架构-进程管理和调度-脑图
    zctf-2017-pwn-sandbox
    Node.js学习(3)-用express改写留言本
  • 原文地址:https://www.cnblogs.com/junjieok/p/4601281.html
Copyright © 2011-2022 走看看