依頼イベント(jQuery)

    

        
1
        
2
        
3
        
4
        
5
    

JAvascriptによる委任イベントの実装
実装の原理
event、targetイベントプロパティは、イベントを生成する要素、ドキュメント、ウィンドウなど、イベントのターゲットノード(イベントをトリガーするノード)を返します.
インテリジェントポイント
node.nodename
NodeNameプロパティは、ノードのノード名を指定します.
ノードが要素ノードの場合、nodeNameプロパティはタグ署名を返します.
ノードがアトリビュートノードである場合、nodeNameアトリビュートはアトリビュートの名前を返します.
他のノードタイプの場合、nodeNameプロパティは異なるノードタイプの異なる名前を返します.

document.getElementsByClassName('content')[0].addEventListener('click',function (event) {
        if (event.target.nodename='li'){
　　　　　　　　console.log(event.target);
　　　　　　　　alert('   ');
　　　　 }
 })

jquery実装依頼イベント
onメソッド実現依頼

$('.content').on('click','li',function () {
            console.log(event.target);
            alert('   ');
        });

delegateメソッド

$('.content').delegate('li','click',function () {
            console.log(event.target);
                alert('   ');
        })