元素的target值

1、如果只有當前元素,且該元素有事件行爲,此時該元素的target指向的值等於currentTarget的值

效果如下:


如果該元素有內嵌子元素,且內嵌子元素使用事件行爲但父元素不使用事件行爲或者只觸發父元素的事件,此時該元素的target指向的值等於currentTarget的值


2、如果子元素和父元素同時有事件行爲,且只觸發父元素的事件,如下:


3、如果子元素和父元素同時有事件行爲,且觸發子元素的事件,則所指向的值發生變化,如下:


同時觸發了父元素的事件行爲,如下


Target的項目使用:

//點擊皮膚管理每一個選項,彈出的選項內容
    $('.skin-opt').click(function(e) {
alert(e.target);
if($(e.target).is('li')){
            alert($(e.target).attr('attr-color'));  
        }
});
此時的,target指向的是當前元素的元素類型,如果是li,對應的是object htmllielement,如果是div,對應的是objecthtmldivelement,根據得到的值,可以輕易的判斷,當前的點擊元素是哪類元素
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章