get the id attribute from the paragraph which has been right-clicked

Question

Suppose that I have a text with this html markup:

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

How can I get the value of the id when I right-click anywhere on the paragraph?

Update:

I'm just passing the value to a function, which I do not mention so as to not complicate it.

take a look at this question http://stackoverflow.com/questions/13783966/get-right-clicked-element-jquery — Vignesh Subramanian, Oct 22 '13 at 03:57

score 4 · Accepted Answer · answered Oct 22 '13 at 03:10

4

write a mousedown handler for p then

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

Demo: Fiddle

answered Oct 22 '13 at 03:10

Arun P Johny

384,651
66
527
531

@RajeshPaul why not get all `p` elements using `getElementsByTagName` then register the `onmousedown` handler to it – Arun P Johny Oct 22 '13 at 03:38
Where should I do it??? I will be previleged if you kindly show it in your answer please. – Rajesh Paul Oct 22 '13 at 03:41

score 1 · Answer 2 · answered Oct 22 '13 at 03:12

Here is the function:

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

});

event.which() reports 1,2,or 3 depending on which button was clicked. Read here mode details http://api.jquery.com/event.which/

StaleMartyr · Answer 3 · 2013-10-22T03:48:58.457

0

Pure JavaScript version:

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);
}

edited Oct 22 '13 at 03:48

answered Oct 22 '13 at 03:43

StaleMartyr

778
5
18

get the id attribute from the paragraph which has been right-clicked

3 Answers3