javascript - 右クリックされた段落から id 属性を取得します

Question

次の html マークアップを含むテキストがあるとします。

<p id="myId">Some text <span>some other text</span></p>

id段落の任意の場所を右クリックしたときの値を取得するにはどうすればよいですか?

アップデート：

関数に値を渡しているだけですが、複雑にならないように言及していません。

Answer 1

そのためのマウスダウンハンドラーをp書く

$('p').on('mousedown', function(e){
    if(e.which== 3){
        alert(this.id)
    }
})

デモ:フィドル

Answer 2

関数は次のとおりです。

 $('#myId').on('mousedown',function(event) {
if(event.which == 3){
    var i = $(this).attr('id');
    alert(i);
}

});

event.which() は、クリックされたボタンに応じて 1、2、または 3 を報告します。ここでモードの詳細を読むhttp://api.jquery.com/event.which/

Answer 3

純粋な JavaScript バージョン:

var myp = document.getElementsByTagName("p");
for(var i =0;i < myp.length;i++){
  myp[i].addEventListener("mousedown",function(e){
     if(e.which == 3){
     console.log(this.id);
     }
  },false);
}