JSFiddle - React, Tailwind, and code Playground

by ocanal

HTML

<textarea></textarea>
<br>
<span></span>

JavaScript

var aktif = false;

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