Question

can we get the word on which a right click was made and x,y coordinates of that word ?
i tried:
document.onclick=getTextOnClick;

function getTextOnClick(e)
{
    console.log(e);
    if (window.getSelection) {
        txt = window.getSelection();
            console.log(">>>"+txt);
    } else if (document.getSelection) {
        // FireFox 
        txt = document.getSelection();
            console.log(txt);
    } else if (document.selection) {
        // IE 6/7 
        txt = document.selection.createRange().text;
            console.log(txt);
    }
}

Now this code works if i select some text, but can i get the same when i just eight click or click on certain word ? And event object is giving me coordinates of click. can i get coordinates of the word on which the click was made ? Plz help

Answer 1

This can be done with pure JavaScript, assuming your container contain “simple” words only:

window.onload = function() {
    var oDiv = document.getElementById("Container");
    var rawHTML = oDiv.innerHTML;
    var arrWords = rawHTML.split(" ");
    oDiv.innerHTML = "";
    for (var i = 0; i < arrWords.length; i++) {
        var curWord = arrWords[i];
        var curSpan = document.createElement("span");
        curSpan.innerHTML = curWord;
        if (i < (arrWords.length - 1))
            curSpan.innerHTML += " ";
        curSpan.onclick = WordClicked;
        curSpan.oncontextmenu = WordClicked;
        oDiv.appendChild(curSpan);
    }
};

function WordClicked() {
    var word = this.innerHTML;
    alert("You clicked: " + word);
    return false;
}

Live test case – handles both left and right click.