उदाहरण
focus() और blur() इवेंट लिसनर का उपयोग करके कंसोल पर मैसेज दिखाएं।
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input id='txtInput' placeholder="Enter the value......."/>
<button id='submitBtn'>Submit</button>
<script>
const submitButton = document.getElementById('submitBtn');
submitButton.addEventListener('click', () => {
console.log('Submitting information to the server.....');
});
const txtInput = document.getElementById('txtInput');
txtInput.addEventListener('blur', () => {
console.log('Enter the new value into the text box......');
txtInput.focus();
});
txtInput.focus();
</script>
</body>
</html>
फ़ाइल सेव करें और Live Server से खोलें।
आउटपुट
इनपुट फोकस होने पर कंसोल में मैसेज दिखाई देगा।
