input focus javascript code example

Example 1: set focus javascript

document.getElementById("ThingToSetFocusOn").focus();

Example 2: focus js

focusMethod = function getFocus() {          
  document.getElementById("myButton").focus();
}

Example 3: focus js

focusMethod = function getFocus() {           
  document.getElementById("myTextField").focus();
}

Example 4: set focus on input field javascript

window.onload=function(){
 document.getElementById("id_here").focus();
}
// id_here = put the id of the HTML element where you want to set focus.

Example 5: js focus event

const form = document.getElementById('form');

form.addEventListener('focus', (event) => {
  event.target.style.background = 'pink';    
}, true);

form.addEventListener('blur', (event) => {
  event.target.style.background = '';    
}, true);

Example 6: focus on input

$("input:text:visible:first").focus();