e.target的用法

 
Js/Css/jQuery

target定义：
target 属性规定哪个 DOM 元素触发了该事件。
target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。


语法：


event.target


event.target.nodeName 　　//获取事件触发元素标签名（li，p，div，img，button…）


event.target.id　　　　　　//获取事件触发元素id
event.target.className　　//获取事件触发元素classname
event.target.innerHTML　 //获取事件触发元素的内容（li）
jquery:this 与 e.target区别:

this会冒泡。e.target不冒泡就是指向事件触发的dom。

$('sku_table').addEventListener('click', function(e) {   
            if(e.target.type=="checkbox"){
                if(e.target.checked){
                    e.target.getNext().set('value', 1);
                } else {
                    e.target.getNext().set('value', 0);
                }
            }
            
            if(e.target.className=="remove"){
                e.target.getParent().getParent().remove();
            }
        });

有话要说