zoukankan      html  css  js  c++  java
  • JS如何阻止事件冒泡和阻止默认事件

    event.stoppropagation()阻止事件冒泡,
    event.preventdefault()阻止默认事件。
    在这插播一个事件捕获OR事件冒泡

    事件捕获指的是从document到触发事件的那个节点,即自上而下的去触发事件。
    相反的,事件冒泡是自下而上的去触发事件
    绑定事件方法的第三个参数,就是控制事件触发顺序是否为事件捕获。
    true,事件捕获;
    false,事件冒泡。
    默认false,即事件冒泡。
    看个例子:

    document.getElementById("parent").addEventListener("click",function(e){
       alert("parent事件被触发,"+e.target.id);
    },true)
    document.getElementById("child").addEventListener("click",function(e){
      alert("child事件被触发,"+e.target.id)
    },true)
    这样的话就是自上而下的触发事件

  • 相关阅读:
    哈佛大学官网图标下拉变小代码
    9.23 基础知识
    选项卡效果
    滑动效果
    进度条的制作
    图片轮播
    子菜单下拉
    DIV做下拉列表
    日期时间选择
    电池的基本知识
  • 原文地址:https://www.cnblogs.com/crazycode2/p/12064612.html
Copyright © 2011-2022 走看看