Untitled

<!DOCTYPE html>

<head>
    <title>Jcaret</title>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jcret.js"></script>
</head>


<body>

<textarea name="" id="textarea" cols="30" rows="10" class=""></textarea>


<script type="text/javascript">
    $(document).ready(function(){
        $('#textarea').on('keyup', function(){
            var caret_position = $(this).caret();
            var string_before_cursor = $(this).val().substring(0, caret_position);
            var last_word = string_before_cursor.split(' ').pop();
            if( last_word.charAt(0) == '@' ) {
                var target_string = last_word.substring(1);
                console.log('found: ' + target_string);
            } else {
                 console.log('---');
             }

        });

    });
</script>

</body>