is there an alternative to onfocusout() function?

Question

I have a function onfocusout() that runs another function selectEntite() inside an input like the following code :

<input onfocusout="selectEntite();" type="text" placeholder="Entité" id="entityName" class="inputSelect" name="entityName" style="width: 60%" />

when the user leave the input, the function run. I want to change this behaviour by making it run when the user tap the keyboard enter.

score 0 · Answer 1 · answered May 13 '22 at 11:31

Try this:

<input onkeydown="selectEntite(this);" type="text" placeholder="Entité" id="entityName" class="inputSelect" name="entityName" style="width: 60%" />

function selectEntite(ele) {
    if(event.key === 'Enter') {
        alert(ele.value);        
    }
}

score 0 · Answer 2 · answered May 13 '22 at 11:31

you can add an addEventListener() to the input field that listens for key presses. Then check if enter is pressed, then you can execute some code. –

let el = document.getElementById("entityName")
el.addEventListener("keydown",(event) => {
    if (event.key === "Enter") {
        // Enter key was hit
    }
})

is there an alternative to onfocusout() function?

2 Answers2