jquery - これとjQueryを使用して、クリックされたhtml要素を取得します

Question

次のコードは、pクリックされた要素のテキストを表示します。

$("p").click(function(){
    console.log($(this).text());
});

しかし、これを一般化して、だけでなく、クリックされた html 要素のテキストを取得したいと思いますp。私は次のことを行いましたが、これはページ上のすべての html 要素のテキストを返します:

$("*").click(function(){
    console.log($(this).text());
});

score 3 · Accepted Answer

イベントの伝播を停止する必要があるため、クリックされた要素のみがこのイベントを発生させ、そのすべてのコンテナも同様に発生させるわけではありません。

$("*").click(function(e){
    e.stopPropagation();
    console.log($(this).text());
});

これはおそらくより適切です：

$(document).on('click', '*', function(e){
    e.stopPropagation();
    console.log($(this).text());
});

score 1 · Accepted Answer

これを試して

$('*').on('click', function (e) {
    if (e.target == this) {
        console.log($(this).text());
    }
});

score 1 · Accepted Answer

body含めたとおりにタグをクリックしました*

試す

$("*").click(function(e){
    console.log(e.target.innerHTML);
});

3 に答える 3