前端方法小结

注册事件兼容性解决方案
做一个封装函数
先判断当前浏览器是否支持addEventListener方法。如果支持就使用它,如果不支持,判断它是否支持attachEvent(1 它的事件类型前要加on 2作为了解就可以了 ),如果都不支持,就用传统的。
(兼容性处理的原则:首先照顾大多数浏览器,在处理特殊浏览器)
删除时间兼容性方法

  1. 传统删除事件
    eventTarget.οnclick=null
  2. eventTarget.removeEventListener
  3. eventTarget.detachEvent
    先2后3最后1

兄弟节点兼容性方法
自己封装一个兼容性的函数

Function getnextElmentSibling(element){
var el=element;
While (el=el.nextSibling){
If(el.nodeType===1){
return el;
}
}
Return null ;
}

//while语句条件不理解

this与e.target
?解析器在调用函数每次都会向函数内部传递一个隐含的参数,这个参数就是this(浏览器传过来的).这个对象我们称为函数执行的上下文对象,根据函数的调用方式不同,this会指向不同的对象(谁调用函数,this就指向谁)

  1. 以函数的形式调用,window
  2. 以方法的形式调用,this就是调用方法的对象
    e.target返回的是触发事件的对象
    this返回的是绑定事件的对象
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值