zoukankan      html  css  js  c++  java
  • HTML DOM addEventListener() 方法笔记

    element.addEventListener(event, function, useCapture)

    参数useCapture可选。布尔值,指定事件是否在捕获或冒泡阶段执行。
    可能值:
    true - 事件句柄在捕获阶段执行
    false- false- 默认。事件句柄在冒泡阶段执行

    http://www.runoob.com/try/try.php?filename=tryjsref_element_addeventlistener_capture

    查看事例:该实例演示了在添加事件监听时冒泡与捕获阶段的不同。

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
    div
    {
    background-color: coral;
    border: 1px solid;
    padding: 50px;
    }
    </style>
    </head>
    <body>

    <p>该实例演示了在添加事件监听时冒泡与捕获阶段的不同。</p>
    <div id="myDiv">
    <p id="myP">点击该段落, 我是冒泡</p>
    </div><br>
    <div id="myDiv2">
    <p id="myP2">点击该段落, 我是捕获</p>
    </div>
    <script>
    document.getElementById("myP").addEventListener("click", function()
    {
    alert("你点击了 P 元素!");
    }, false);
    document.getElementById("myDiv").addEventListener("click", function()
    {
    alert("你点击了 DIV 元素!");
    }, false);
    document.getElementById("myP2").addEventListener("click", function()
    {
    alert("你点击了 P 元素!");
    }, true);
    document.getElementById("myDiv2").addEventListener("click", function()
    {
    alert("你点击了 DIV 元素!");
    }, true);
    </script>

    </body>
    </html>

    生活是一种态度,态度是一种心情!
  • 相关阅读:
    华为ensp使用
    网络学习目录
    MySQL简介
    zip命令详解
    gzip命令详解
    unzip/tar命令详解
    tar命令详解
    ipython使用
    os, sys, stat 模块使用
    配置linux系统时区---解决ntp同步完时间不准问题
  • 原文地址:https://www.cnblogs.com/tim2017/p/addEventListener.html
Copyright © 2011-2022 走看看