文档章节

事件委托的实现

d
 ddyIT
发布于 2016/06/22 20:52
字数 128
阅读 3
收藏 0

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    #box{
    width: 500px;
    height: 500px;
    background-color: pink;    
    }
    #one{
        width: 50px;
    height: 100px;
    background-color: red;    
    margin:20px;

    }
    #two{
        width: 50px;
    height: 100px;
    background-color: red;    
    margin:20px;

    }
    #three{
        width: 50px;
    height: 100px;
    background-color: red;    
    margin:20px;

    }
    </style>
</head>
<body>
<div id='box'>
    <div id='one'></div>
    <div id='two'></div>
    <div id='three'></div>

</div>
    <script>
        var box=document.getElementById('box');

       box.onclick=function(e){
           console.log(e.target.id)
           switch(e.target.id){
               case 'one':
                   alert("one");
                   break;
           case 'two':
           alert("two");
           break;
           case 'three':
           alert('three');
           break;

           }
     
       }

    </script>
</body>
</html>

© 著作权归作者所有

共有 人打赏支持
d
粉丝 0
博文 2
码字总数 5341
作品 0
浦东
程序员
私信 提问
.NET中的委托和事件(续)

首先感谢大家对我博文的支持,在这篇博文中我会向大家继续介绍.NET中的委托与事件,这次是对前面的知识的进一步加深学习。首先回答一下前面各位提及到的问题。 委托事件返回类型一定要为voi...

长平狐
2012/06/11
139
0
通过发布订阅模式实现的事件委托

关于这篇文章的背景 之前了解到的事件代理不多,就像是一个dom将事件委托给另一个dom,又叫事件委托。后来做了个题目,要实现一个类似jquery的事件委托方法,然后认真的了解了一下。然后专注...

爱吃喵的鱼
11/25
0
0
.NET 中的委托

1.1.1 定义 委托是一种引用方法的类型。一旦为委托分配了方法,委托将与该方法具有完全相同的行为。委托方法的使用可以像其他任何方法一样,具有参数和返回值,如下面的示例所示: //Code i...

长平狐
2012/06/11
59
0
Asp.net控件开发学习笔记(八)----服务器控件事件

事件和委托之间的暧昧关系往往是大多Web Developer在学习.net中的一个里程碑,当明白事件和委托的关系后,.net水平往往就上了一个新的台阶.下面说到服务器控件的事件模型. 在任何一个服务器编...

范大脚脚
2017/12/13
0
0
IOS UIApplication的核心作用

UIApplication的核心作用是提供了iOS程序运行期间的控制和协作工作。 iPhone应用程序是由主函数main启动,它负责调用UIApplicationMain函数,该函数的形式如下所示: int UIApplicationMain ...

_pioneer_
2016/01/06
37
0

没有更多内容

加载失败,请刷新页面

加载更多

错误: 找不到或无法加载主类

在IDEA的使用过程中,经常断掉服务或者重启服务,最近断掉服务重启时突然遇到了一个启动报错: 错误:找不到或无法加载主类 猜测:1,未能成功编译; 尝试:菜单---》Build---》Rebuild Pro...

安小乐
19分钟前
1
0
vue路由传参,刷新页面,引发的bug

最近遇到一个bug 通过vue路由跳转到页面, 然后接参控制(v-if ),成功显示 而刷新页面,显示失败。 苦苦地找了半天原因,打印参数发现正确,再打印下类型......,路由跳过来会保持传参时的...

hanbb
19分钟前
0
0
【58沈剑 架构师之路】InnoDB,select为啥会阻塞insert?

MySQL的InnoDB的细粒度行锁,是它最吸引人的特性之一。 但是,如《InnoDB,5项最佳实践》所述,如果查询没有命中索引,也将退化为表锁。 InnoDB的细粒度锁,是实现在索引记录上的。 一,Inn...

张锦飞
22分钟前
0
0
冒泡,选择和插入排序比较

/** * 冒泡排序,两层嵌套循环,内层局部比较后,找出最大或者最小数据并交换数据,使其局部有序,外层用于比较剩余元素,相较于选择排序,选择排序相当于是冒泡的一个优化版本(减少了交换...

strict_nerd
23分钟前
0
0
html内联(行内)元素、块级(块状)元素和行内块元素分类

HTML可以将元素分类方式分为内联(行内)元素、块级(块状)元素和行内块元素三种。 注:HTML是标签语言,那么既然是标签,就可以自己定义一些自己元素(如<wode>自定义的元素</wode>等),自...

NB-One
29分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部