泪雪网移动端已经全新改版上线,其中子凡开发也遇到了一些不大不小的问题,总的来说是因为自己才疏学浅导致,尤其是完全重写了网站的评论功能和交互,由于页面设计的和效果,需要做遮罩和事件绑定。
那就是当我们父元素和子元素都绑定了 click 点击事件后,父元素的点击事件就会覆盖掉子元素的绑定的点击事件,为此我们就需要避免子元素响应父元素的点击事件,从而进行子元素的交互和事件。
具体实现方式比较简单,需要做一个判断即可:
$('.overlay').on('click', function(e){ if (e.target == e.currentTarget){//防止父元素覆盖资源的绑定事件操作 //执行父元素的事件 });