JavaScript | Фокус ()

Опубликовано: 14 Декабря, 2021

Метод фокуса JavaScript используется для фокусировки элемента html. Он устанавливает элемент как активный элемент в текущем документе. Его можно применить к одному элементу html за один раз в текущем документе. Элемент может быть либо кнопкой, либо текстовым полем, либо окном и т. Д. Он поддерживается всеми браузерами.
Синтаксис:

 HTMLElementObject.focus ()

Параметры: не принимает никаких параметров.
Возвращаемое значение: этот метод не возвращает никакого значения.

Код JavaScript для демонстрации работы этой функции:
Код:
Фокусируется на поле ввода при наведении курсора на это поле.

 <html>
 
<head>
    <script type= "text/javascript" >
        function myFunction() {
            document.getElementById( "focus" ).focus();
        }
    </script>
 </head>
 
<body>
    <form action= "#" >
        <br>
        <br>
        <label>
            Hover me: </label>
        <input type= "text" onmousemove=myFunction() id= "focus" >
       
        <!-- onmousemove is an event which occurs when somenone
        hovers the mouse on that particular element and calls
        the function of javascript -->
        <br>
        <br>
        <label>Without Focus: </label>
        <input type= "text" >
        <br>
        <br>
        <input type= "button" value= "submit" >
    </form>
 </body>
 </html>

Выход:

Поле фокуса можно удалить с помощью метода blur () в javascript.
Синтаксис:

 HTMLElementObject.blur ()

Параметры: этот метод не принимает никаких параметров.
Иллюстрация метода размытия при нажатии на поле:
Код:

 <html>
 
<head>
    <script type= "text/javascript" >
        function setFocus() {
            document.getElementById( "focus" ).focus();
        }
 
        function removeFocus() {
            document.getElementById( "focus" ).blur();
        }
    </script>
 </head>
 
<body>
    <input type= "button" onclick= "setFocus()" value= "set focus" >
    <input type= "button" onclick= "removeFocus()" value= "remove focus" >
    <br>
    <br>
    <input type= "text" id= "focus" >
 </body>
 
</html>

Выход:
После нажатия на установите фокус-

После нажатия на удалить фокус-

JavaScript JavaScript-Misc

JavaScript | Фокус ()

РЕКОМЕНДУЕМЫЕ СТАТЬИ