ev.currentTarget和ev.target

翻了一翻以前的代码,发现一个地方写得特别有趣。。

就是代码写得不简洁,臃肿。

$('.j-cardcode').click(function (ev) {
           $('.yourchoice').addClass('hidden');
            if (ev.target.className == 'group-line') {
····
             } else if (ev.target.parentNode.className == 'group-line') {
···
                 }else if (ev.target.parentNode.parentNode.className == 'group-line') {
                                    
···
                  }
                               
})

就是用纯粹的ev.target写得。但是$('.j-cardcode')元素里面有子元素,孙元素。
需要一个一个去判断ev.target到底是本身还是子元素,或是孙元素。
但是用上currentTarget就不一样了

$('.j-cardcode').click(function(ev){
ev.currentTarget.lastChild.class='yourchoice'//修改某一个元素的class;
})

代码行少多了。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容