How to find pageX-pageY positions of the cursor (when inside a textbox) using javascript / jquery? [duplicate]

Question

This question already has answers here:

jQuery get textarea cursor/caret X,Y position and show a DIV underneath (2 answers)

Closed 8 years ago.

I need to find the pageX and pageY positions of the cursor within a textbox on any event, such as keyup.

<input type="text" id="addOwner">

$("#addOwner").keyup(function(event) {
    var pageY = event.pageY;  // currently getting Undefined
    var pageX = event.pageX;  // currently getting undefined  
})

Here is a fiddle.

Answer 1

Check jQuery offset() to find out the text box position. DEMO

$("#addOwner").keyup(function(event) {
    var offset = $(this).offset();
    var pageY = offset.left;  // currently getting Undefined
    var pageX = offset.top;  // currently getting undefined 
    alert(pageY);
    alert(pageX);
})