KW Online Tools Zone
Knowledge Walls
View All Tools Home
HOW TO USE FOCUS AND BLUR METHOD IN JAVASCRIPT WITH EXAMPLE
[Javascript editor]
Run
Share Link
Clear
HTML [Ctrl+Enter] - to run
<input id="userName" /><br /><br /> <button onclick="javascript:do_focus();">Focus</button> <button onclick="javascript:do_blur();">Blur</button> <br /><br /> Status: <div id="presentStatus"></div>
CSS [Ctrl+Enter] - to run
Javascript [Ctrl+Enter] - to run
function do_focus(){ document.getElementById("userName").focus(); } function do_blur(){ document.getElementById("userName").blur(); } document.getElementById("userName").onfocus = function(){ document.getElementById("presentStatus").innerHTML = "on Focus"; }; document.getElementById("userName").onblur = function(){ document.getElementById("presentStatus").innerHTML = "on Blur"; };
OUTPUT
Copyright © 2021 Knowledge walls, All rights reserved
Copyright © 2021 Knowledge walls, All rights reserved