赶知识网

e.target的用法

2019-07-18 / 3511次点击 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();
            }
        });

有用 0 没用 0

Top10

沪ICP备09053415号 © 赶知识网