编辑按钮上的点击事件

来源:8-8 订单确认页的开发(逻辑)4

Ammateur

2019-01-03

$(document).on('click','.edit',function(e){
            //阻止事件的冒泡
            e.stopPropagation();
            //获取shippingId
            var shippingId = $(this).parents('.address-item').data('id');
            _address.getAddressInfo(shippingId,function(res){
                _modal.show({
                    isUpdate : true,
                    data : res,
                    onSuccess : function(){
                        _this.loadAddressList();
                    }
                })
            },function(errMsg){
                _mm.errorTips(errMsg);
            })
        };
    

如果在编辑按钮上阻止了事件的冒泡,那么在document上为什么还会捕获到点击事件呢?

写回答

1回答

Rosen

2019-01-04

stopPropagation调用以后是阻止它父级以上的元素的事件被触发,不是把当前事件也干掉。on这种绑定本来就是先冒到document,再下放到点击的元素做处理

0
3
Ammateur
回复
Rosen
嗯,终于明白了,谢谢老师
2019-01-06
共3条回复

真实数据对接 从0开发前后端分离的企业级上线项目

【毕设项目精品】前端实战,对接真实服务端数据,开发完整项目

4262 学习 · 4113 问题

查看课程