JS知识点积累

本文详细介绍了JavaScript中事件冒泡的概念,包括先捕获后冒泡的机制,以及如何通过stopPropagation()和cancelBubble()来阻止事件冒泡。同时,文章还探讨了代理模式在事件处理中的应用,以及如何使用$.proxy()方法保持特定作用域。此外,介绍了one()函数用于绑定一次性事件处理函数,以及获取AgencyListSearch对象的方法。最后,提供了获取匹配元素偏移量的技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1  . 冒泡:W3C采取的是,先捕获,再冒泡。

在支持w3c dom(文档对象模型) 的浏览器中,传统的事件绑定方法是

1
element1.onclick = doSomething2;

  默认被视为在绑定于冒泡阶段

那么如果取消事件冒泡呢,在单击里面的元素时不触发外面元素相应的事件,可以通过

event.stopPropagation();

||

event.cancelBubble();

2 . 这种模式,无所谓实例了,如果要获取AgencyListSearch,直接就AgencyListSearch,AgencyListSearch.List

 AgencyListSearch: {
        List: null,
        Callback: null,
        Caller: null,
        agencyListCopy:[],
        originalList : [],
        time : 0,
        Show: function(target, callback, caller)
        {

}

}

3.$.proxy()

返回一个新函数,并且这个函数始终保持了特定的作用域

4.one()

为每一个匹配元素的特定事件(像click)绑定一个一次性的事件处理函数。

在每个对象上,这个事件处理函数只会被执行一次。其他规则与bind()函数相同

var t = $(event.srcElement ? event.srcElement : event.target);
var o = t.offset();//
获取匹配元素在当前视口的相对偏移。返回的对象包含两个整型属性:top 和 left。此方法只对可见元素有效

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值