Test if cursor is on the first line in a textarea (with soft-newlines)

Question

Given a textarea with content that flows like this

     ––––––––––––––––––––––––––
    | This is some text, which |
    | wraps like this.         |
     ––––––––         


        

Answer 1

Having that 15 is the line height, this works (tested in firefox):

http://jsfiddle.net/h46jh/12/

$("textarea").click(function (evt) {
  cursor_position = evt.pageY - $('textarea').offset().top;
  if (cursor_position <= 15) {
    alert("first line");
  } else {
    alert("other line");
  }
});

Credits:

Find mouse position relative to element