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;
})

代码行少多了。

你可能感兴趣的:(ev.currentTarget和ev.target)