JSFiddle - React, Tailwind, and code Playground

HTML

<textarea>3wi43n</textarea>
<br>   
<span></span>

JavaScript

var aktif = false;
var baslangic = 0;

$("textarea").keypress(function(e) {
    if (e.which == 64 && !aktif) {  //@ karakteri girilince aktif
       aktif = true;
       baslangic = e.target.selectionStart + 1;
    } else if (e.which == 32 && aktif) { //boşluk girilince pasif
       aktif = false;
    }
    
    if (aktif) {
        $("span").html("kullanıcı adı giriliyor: "+$(this).val().substring(baslangic));        
    } else {
        $("span").html("normal giriş");        
    }
});