फोकस इवेंट तब फायर होता है जब कोई एलिमेंट फोकस प्राप्त करता है या खो देता है। निम्नलिखित फोकस इवेंट्स हैं:
| इवेंट | विवरण |
|---|---|
| Blur | यह इवेंट तब फायर होता है जब कोई एलिमेंट फोकस खो देता है। |
| Focus | यह इवेंट तब फायर होता है जब एलिमेंट को फोकस मिलता है। |
| focusin | यह इवेंट तब फायर होता है जब एलिमेंट फोकस प्राप्त करने वाला होता है। |
| focusout | यह इवेंट तब फायर होता है जब एलिमेंट फोकस खोने वाला होता है। |
जावास्क्रिप्ट में फोकस इवेंट्स के लिए कोड निम्नलिखित है:
उदाहरण
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } input { padding: 10px; } </style> </head> <body> <h1>Focus events in Javascript</h1> <form id="form"> <input type="text" placeholder="Username" /> <input class="passW" type="password" placeholder="Password" /> </form> <h3>Focus on the above password input box to change its background color</h3> <script> let passEle = document.querySelector(".passW"); passEle.addEventListener("focus", () => { passEle.style.backgroundColor = "#90EE90"; }); </script> </body> </html>
आउटपुट
पासवर्ड फील्ड पर फोकस करने पर:
