JCursorPos

Overview.

JCursorPos is a cross browser plugin to get the cursor x/y and top/left coordinates in a textarea or input element. To use, simply do the following:

$('textarea').jCursorPos({
      onChange: function(cursor) {
      
          // the source element where the cursor is active
          var el = $(this);
          
          // the x/y of the cursor relative to the document
          console.log(cursor.offset.left);
          console.log(cursor.offset.top);
          
          // the x/y of the cursor relative to the textarea
          console.log(cursor.position.left);
          console.log(cursor.position.top);

      }
});

The cursor position relative to the window will be returned, as well as the position of the cursor relative to the inside of the textarea or input element.

Demo

How To Use?

An onChange callback is fired everytime the cursor moves, passing a cursor object as a function parameter. The cursor object contains the following properties:

Author and Contributors

This plugin was created by @davidshariff. Feel free to fork and submit any improvements or enhancements through a pull request.

Support or Contact

Having trouble or found a bug? Create a ticket at the issue page on GitHub.