zoukankan      html  css  js  c++  java
  • DOM事件

    DOM事件级别

    1. DOM0 element.onclick=function(){}

    2. DOM2

      1. 第一个参数是事件名(如click);第二个参数是事件处理程序函数;第三个参数如果是true则表示在捕获阶段调用,为false表示在冒泡阶段调用。
      2. elemnt.addEventListener('click',function(){},false) elemnt.removeEventListener('click',function(){},false)
      3. elemnt.attachEvent('onclick',function(){}) elemnt.attachEvent('onclick',function(){}) 兼容IE7、IE8等早期版本
    3. DOM3 elemnt.addEventListener('keyup',function(){},false) 同上,增加了鼠标、键盘等事件

    ps:不能移除匿名添加的函数。

    为什么没有DOM1

    DOM1于1998年10月1日成为W3C推荐标准。DOM1标准中并没有定义事件相关的内容,所以没有所谓的DOM1事件模型

    DOM事件模型

    冒泡和捕获

    DOM事件流

    事件捕获阶段、处于目标阶段和事件冒泡阶段

    捕获->目标阶段->冒泡

    描述DOM事件捕获的具体流程

    window->document->html->body->···->目标元素

    Event对象的常见问题

    1. event.preventDefault() 阻止默认是行为

    2. event.stopPropagation() 阻止冒泡

    3. event.stoplmmediatePropagation() 事件优先级

    4. event.currentTarget 当前绑定事件的对象

    5. event.target 当前点击对象

  • 相关阅读:
    新词发现
    隐马尔可夫模型
    nodejs命令行解析工具之minimist
    react 生命周期
    react 中的 super super(props)
    object 常用方法总结
    前端安全 中间人攻击
    Postgresql的临时表的用法
    windows下postgresql数据库备份和还原
    PostgreSQL 数据库开发规范——命名规范 & 设计规范
  • 原文地址:https://www.cnblogs.com/gating/p/12488340.html
Copyright © 2011-2022 走看看