文档章节

js委托事件

d
 dragon_tech
发布于 2017/07/22 15:01
字数 101
阅读 5
收藏 0

document.getElementById("spec_area").addEventListener("click",function(e) {
  // 检查事件源e.targe是否为Li
  //console.log(e.target);
 // console.log(e.target.nodeName);
   if(e.target && e.target.nodeName == "INPUT") {
    // // 真正的处理过程在这里
    // console.log("List item ",e.target.id.replace("post-")," was clicked!");
    console.log("111");
    console.log(e.target);
    var target=e.target;
    target.onkeyup=function(){
        console.log("111");
        document.getElementById("new_library").innerHTML='';
    }
   }
});

 

网上的example

document.getElementById("parent-list").addEventListener("click",function(e) {
  // 检查事件源e.targe是否为Li
  if(e.target && e.target.nodeName.toUpperCase == "LI") {
    // 真正的处理过程在这里
    console.log("List item ",e.target.id.replace("post-")," was clicked!");
  }
});

本文转载自:http://www.cnblogs.com/owenChen/archive/2013/02/18/2915521.html

d
粉丝 6
博文 498
码字总数 14616
作品 0
西安
私信 提问
Javascript的事件模型和Promise实现

1. Javascript的运行时模型——事件循环 JS的运行时是个单线程的运行时,它不像其他编程语言,比如C++,Java,C#这些可以进行多线程操作的语言。当它执行一个函数时,它只会一条路走到黑,不...

远方无风
2018/07/12
0
0
第二十到第二十一天:让你和页面对话-IFE

第二十到第二十一天:让你和页面对话 日期 总用时 学习目标 2018.08.16 4h DOM 学习目标 掌握 JavaScript 的核心之一:DOM,能够熟悉 DOM 相关操作,了解 JavaScript 事件机制 学习内容 V 第...

mumubin
09/29
0
0
javascript事件绑定的疑问

假如我一个web页面有很多事件需要监听,我之前的做法是一个个去为每个元素写onclick代码,这样很费事。后来我知道有一种办法叫做事件委托,用着很方便。 我的问题是:真正工作中,是不是经常...

水牛叔叔
2012/10/31
236
5
10个流行的JavaScript面试题

译者:前端小智 原文:medium.com/@jlanne119/… 为了保证可读性,本文采用意译而非直译 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你! 1.如何理解 JS 中的关键字? JS 初...

前端小智
06/19
0
0
腾讯web前端开发工程师笔试题及答案

腾讯web前端开发工程师笔试题及答案 1、 如何实现事件委托? 首先要知道什么是事件委托。 考虑一个列表,在li的数量非常少的时候,为每一个li添加事件侦听当然不会存在太多性能方面的问题,但...

至简6
2014/07/29
368
0

没有更多内容

加载失败,请刷新页面

加载更多

Linux 运行shell文件,出现 $'\r': command not found

运行编写的shell脚本时,出现了 $'\\r': command not found 这样的错误提示。 报错的原因是我们在windows系统操作时,编辑器里的换行符是\r\n ,而Linux上为\n,两个系统之间有差异导致的。 ...

芥末无敌
今天
10
0
Java数据结构(上)

枚举(Enumeration) 位集合(BitSet) 向量(Vector) 栈(Stack) 1.Enumeration(枚举) boolean hasMoreElements( ):测试是否有更多的元素 Object nextElement( ):如果此枚举对象至少还...

Firefly-
昨天
18
0
vue 跨层组件通讯 provide inject

https://cn.vuejs.org/v2/api/#provide-inject 类型: provide:Object | () => Object inject:Array<string> | { [key: string]: string | Symbol | Object } 详细: provide 和 inject 主......

阿豪boy
昨天
14
0
黑马程序员面试宝典(Java)Beta6.0免费下载

场景 JavaSE基础 面向对象特征以及理解 访问权限修饰符区别 理解clone对象 JavaSE语法 java有没有goto语句 &和&&的区别 如何跳出当前的多重嵌套循环? 是否可以继承String? 重载与重写的区别...

badaoliumang
昨天
14
0
监控linux系统状态

查看系统负载: w/uptime 最后面三个数字表示1分钟,5分钟,15分钟平均有多少个进程占用CPU 占用CPU的进程可以是Running,也可以是Waiting 某一时刻1颗CPU只能有一个进程在使用其资源 #查看c...

asnfuy
昨天
14
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部