event delegation的哪种说法是正确的

事件委托(event delegation) 或叫事件代理

比较好的介绍文章: 关于事件委托的整理 ,另附bind,live,delegate,on区别:https://www.cnblogs.com/MagicZhao123/p/5980957.html js中的事件委托或是事件代理详解:https://www.cnblogs.com/liugang-vip/p/5616484.html 使用委托的优点:原本需要给多个元素添加事件的现在只需要给他们的父元素添加事件,提高性能,提高可读性. 提示:使用事件委托时,如果注册到目标元素上的其他事件处理程序使用

JavaScript------事件委托（event delegation）

简单的说,事件委托(event delegation)是在DOM上层(也就是在触发事件的元素的父元素上)定义事件的处理程序,而不是定义在触发事件的元素本身上. 首先我们来举这样一个例子:我有N个li元素,我想让点击过的li元素背景颜色都变为黄色.非常简单的一个例子是吧? 我们可以通过如下代码实现: var oBox = document.getElementById('box');var aLi = oBox.children;for(var i=0;i<aLi.length;i++){ add

javascript事件代理(Event Delegation)

看了几篇文章,放上来供参考司徒正美的文章,Event Delegation Made Easy ------------------------------------------------------------------自己的理解加深印象----------------------------------------------------------------------------- What to use when For really small event handling

JavaScript Event Delegation, and event.target vs. event.currentTarget

原文:https://medium.com/@florenceliang/javascript-event-delegation-and-event-target-vs-event-currenttarget-c9680c3a46d1 In this case, at the time you call console.log(e), there's a DOM element in the currentTarget property. But sometime later, that pro

JavaScript Interview Questions: Event Delegation and This

David Posin helps you land that next programming position by understanding important JavaScript fundamentals. JavaScript is a fun, powerful, and important language with a low barrier of entry. People from all kinds of backgrounds and careers find the

javascript 事件委托 event delegation

事件委托 event delegation 一.概念: 假设我们有很多个子元素,每个元素被点击时都会触发相应事件,普通的做法是给每个子元素添加一个事件监听. 而,事件委托则是给它们的父元素添加一个事件监听器,子元素上没有任何事件监听.当子元素被点击时,这个点击事件冒泡到父元素上,然后父元素上绑定的事件监听来分析和处理这是哪个子元素被点击了. 二.例子1:一个ul及几个li: <ul id="parent-list" style="border:1px solid bla

CSS-混合布局的几种方法（正确的方法和错误的原因）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

事件的委托处理（Event Delegation）

javascript的事件模型,采用”冒泡”模式,也就是说,子元素的事件会逐级向上”冒泡”,成为父元素的事件. 利用这一点,可以大大简化事件的绑定.比如,有一个表格(table元素),里面有100个格子(td元素),现在要求在每个格子上面绑定一个点击事件(click),请问是否需要将下面的命令执行100次? $(“td”).bind(“click”, function(){ $(this).toggleClass(“click”); }); 回答是不需要,我们只要把这个事件绑定在table元素上

事件委托(event delegation)

事件委托给我带来的第一印象是,如果可以的话请尝试得经常使用它,性能好! 通过字符串拼接后,并进行DOM插入,不会复制事件,此时需要进行事件委托了!!! 优点事件委托对于web应用程序的性能有如下几个优点: 1.需要管理的函数变少了 2.占用的内存少了 3.javascript代码和Dom结构之间的关联更少了 4.在改变DOM结构中的innerHTML时,不需要改动事件处理函数使用方法: 1.给一组元素的父级添加事件(通过冒泡机制) oUl.onclick=fun

linux下tomcat无法访问问题(换一种说法：无法访问8080端口)

有时候linux下的tomcat其他机器无法访问,比如主机无法访问linux虚拟机的tomcat,这是因为tocat的端口,linux没有对外开放,所以只能localhost访问,但是别的机器访问不了:解决方法如下编辑linux的iptables文件:vi /etc/sysconfig/iptables 复制一句:已经开放22端口的命令改为8080就好: -A INPUT -m state --state NEW -m tcp -p tcp --dport 22 -j ACCEPT 允许某个端

【Java】-NO.20.Exam.1.Java.1.001- 【1z0-807】- OCEA

1.0.0 Summary Tittle:[Java]-NO.20.Exam.1.Java.1.001-[1z0-807] Style:EBook Series:Java Since:2017-10-22 End:.... Total Hours:... Degree Of Diffculty:2 Degree Of Mastery:2 Practical Level:2 Desired Goal:2 Archieve Goal:.... Gerneral Evaluation:... Writ

java面试题集1

一:单选题下列哪一种叙述是正确的(D )A． abstract修饰符可修饰字段.方法和类B．抽象方法的body部分必须用一对大括号{ }包住C．声明抽象方法,大括号可有可无D．声明抽象方法不可写出大括号如下代码 package temp; public class Test { public int func() { static int i=0; //error成员函数不可以声明静态变量 i++; return i; } public static void main(String[

j2EE经典面试题

1. hibernate中离线查询去除重复项怎么加条件? dc.setResultTransformer(Criteria.DISTINCT_ROOT_ENTITY); 2. http协议及端口,smtp协议及端口 http:超文本传输协议端口 80 smtp:简单邮件传输协议端口25 3. 编写程序,完成文件复制功能 4. Servlet创建过程及生命周期Servlet 在容器中运行时,其实例的创建及销毁等是由容器进行控制. Servlet 的创建有两种方法. 1). 客户端请求对应的 S

Java笔试题库之选题题篇【1-70题】

1.下面中哪两个可以在A的子类中使用:( ) class A { protected int method1 (int a, int b) { return 0; } } A. public int method 1 (int a, int b) { return 0; } B. private int method1 (int a, int b) { return 0; } C. private int method1 (int a, long b) { return 0; } D. publ

java题（转载）

1.下面中哪两个可以在A的子类中使用:( ) class A { protected int method1 (int a, int b) { return 0; } } A. public int method 1 (int a, int b) { return 0; } B. private int method1 (int a, int b) { return 0; } C. private int method1 (int a, long b) { return 0; } D. publ

JQUERY 测验

1.下面哪种说法是正确的? 您的回答:jQuery 是 JSON 库正确答案:jQuery 是 JavaScript 库 2.jQuery 使用 CSS 选择器来选取元素? 您的回答:错误正确答案:正确 3.jQuery 的简写是? 您的回答:% 符号正确答案:$ 符号 4.通过 jQuery,选择器 $("div") 选取什么元素? 您的回答:所有 div 元素 5.jQuery 是客户端脚本库,还是服务器端脚本库? 您的回答:服务器端脚本正确答案:客户端脚本 6.可以将 j

SQL语句题库

一. 填空题 Not Only SQL数据库泛指非关系型数据库 . SYS和SYSTEM用户都是Oracle 的系统用户,它们都使用SYSTEM表空间,其中 sys 拥有更大的权限. Oracle提供了两种类型的权限:系统权限和对象权限 . 系统权限提供了在Oracle数据库系统范围内执行某种任务的操作能力, 对象权限则是一种赋予用户在指定的数据库对象(如表.视图.过程等). SQL语言分类:DQL(数据查询语言) . DML(数据操纵语言). DDL(数据定义

jquery常见问题

1.下面哪种说法是正确的? 您的回答:jQuery 是 JavaScript 库 2.jQuery 使用 CSS 选择器来选取元素? 您的回答:错误正确答案:正确 3.jQuery 的简写是? 您的回答:$ 符号 4.通过 jQuery,选择器 $("div") 选取什么元素? 您的回答:所有 div 元素 5.jQuery 是客户端脚本库,还是服务器端脚本库? 您的回答:客户端脚本 6.可以将 jQuery 与 AJAX 一起使用吗? 您的回答:Yes 7.jQuery html(

Linux命令之hwclock

转载:http://codingstandards.iteye.com/blog/804830 用途说明 hwclock命令,与clock命令是同一个命令,主要用来查询和设置硬件时钟(query and set the hardware clock (RTC)).RTC=Real Time Clock,也就是硬件时钟.在Linux中有硬件时钟与系统时钟等两种时钟.硬件时钟是指主机板上的时钟设备,也就是通常可在BIOS画面设定的时钟.系统时钟则是指kernel中的时钟.所有Linux相关指令与函

华为Java笔试题

华为Java笔试题+数据库题一. 单项选择题 1．Java是从( )语言改进重新设计. A．Ada B．C++ C．Pasacal D．BASIC 2．下列语句哪一个正确( ) A． Java程序经编译后会产生machine code B． Java程序经编译后会产生byte code C． Java程序经编译后会产生DLL D．以上都不正确 3．下列说法正确的有( ) A． class中的constructor不可省略 B． constructor必须与class同名,但方法不能与clas

event delegation的哪种说法是正确的

热门专题