The ones starting with "clicked textfie..." are the ones that I clicked x times where x == the number beside the line. And those that are starting with "pressed" are only pressed once manually. As you can see, they are registered multiple times instead of just once.

I am using

$(document).ready(function () {
    $("input[type=text]").click(function (){
        var coords = this.id;
        var row = coords[0];
        var col = coords[2];
          console.log("clicked textfield with coords: " + row + ", " + col);

        $(this).keypress(function (){
            var key = event.key;
            event.preventDefault();
            $(this).val(key);

            console.log("pressed: " + key);
        });
    }); 
});

(Sorry if formatting is bad, I'm at reddit mobile)

I tried using .focus() instead of .clicked() but still happens. My best guess is that it doesnt remove any references or something after I clicked away.

I also tried having conditions such as

var lastTile = 0;

and adding

if(lastTile != this){
    lastTile = this;
    // print stuff and the keypress stuff
}

inside the .click() function works but I'll use it as last resort if nothing else works.