首页 > 其他分享 >前端面试总结10-WebApi-事件

前端面试总结10-WebApi-事件

时间:2022-09-27 22:55:26浏览次数:52  
标签:WebApi 10 target 标签 selector 面试 事件 event fn

1.事件绑定通用函数(包括事件代理)

function bindEvent(elem,type,selector,fn){

if(fn == null){

fn=selector;

selector=null;

}

elem.addEventListener(type,event=>{

const target = event.target;

if(selector){

if(target.matches(selector){

fn.call(target,event)

}

}

else{

fn.call(target,event)

}

})

}

 

 

 2.事件冒泡:

当一个元素事件被触发,同样的事件会从事件目标开始会顺着dom结构树向父元素触发,直到最上级标签

3.事件代理:

e.preventDefault()阻止元素的默认事件触发比如a标签的跳转

事件委托就是利用事件冒泡,只指定一个事件处理程序管理某一类的所有事件(一般用在父级标签上)

 

标签:WebApi,10,target,标签,selector,面试,事件,event,fn
From: https://www.cnblogs.com/qwqxyd/p/16736311.html

相关文章

  • oracle拨云见日第9篇之Oracle10.2.0.1升级11.2.0.4.3
    引言不知不觉中,人气竟然50W+了。真是荣幸之至,何德何能有这么多兄弟来看我的文章。我今天整个狠活,再带来一篇非常非常非常干货的文章。在前面的文章中,我们写过:Oracle10.2.0.1......
  • 面试~Synchronized 与 锁升级
    讲讲Synchronized/讲讲Synchronized锁升级内部实现Markwordsynchronized在修饰方法和代码块在字节码上实现方式有很大差异,但是内部实现还是基于对象头的MarkWord来......
  • 面试突击87:说一下 Spring 事务传播机制?
    Spring事务传播机制是指,包含多个事务的方法在相互调用时,事务是如何在这些方法间传播的。既然是“事务传播”,所以事务的数量应该在两个或两个以上,Spring事务传播机制的诞......
  • luogu P1043 [NOIP2003 普及组] 数字游戏
    [NOIP2003普及组]数字游戏题目描述丁丁最近沉迷于一个数字游戏之中。这个游戏看似简单,但丁丁在研究了许多天之后却发觉原来在简单的规则下想要赢得这个游戏并不那么容......
  • CF1089I
    考虑用总数(\(n!\))减去不合法的排列数。我们现在要研究不合法的排列长什么样。称【将子段排序后是连续的一段数值】的子段称为不合法子段。那么合法的排列,就是不存在长度在......
  • 洛谷 P7774 [COCI2009-2010#2] KUTEVI(DP:完全背包)
    https://www.luogu.com.cn/problem/P7774题目大意:给定n个已知角度a[1],a[2],,,a[n];给定m个需要我们去拼凑的角度b[1],b[2],,,b[m];数组a中的角度可以使用任意多次,从......
  • 108-12-HBase-2.4.4 集群启动源码剖析_ev
                         ......
  • Day10
    方法重写publicclassB{  public voidtest(){    System.out.println("B=>test()"); }}//重写都是方法的重写,与属性无关publicclassAextendsB{......
  • 基础面试题
    1.赋值x=x+1print(x)"""A报错B10C11D不知道"""2.交叉赋值m,n=n,mprint(m,n)#9991003.解压赋值name_list=['jason','kevin','tony',......
  • VS2010创建windows服务其实很简单 ProjectInstaller.cs Timer
    VS2010创建windows服务其实很简单ProjectInstaller.cs【IT168技术】很多人会对使用VisualStudio有不少的烦恼,下面我们来看一下作者是如何创建windows服务的,看后你......