Sito e-learning

Focus()

focus()

Il metodo focus() di JavaScript viene utilizzato per dare priorità a un elemento htmlImposta l'elemento come elemento attivo nel documento corrente. Può essere applicato a un elemento html una sola volta in un documento corrente. L'elemento può essere un pulsante o un campo di testo o una finestra, ecc. È supportato da tutti i browser. 

Sintassi: HTMLElementObject.focus ()

Esempio
Il fuoco viene spostato su un campo di input al passaggio del mouse su quel campo:
 
<html>
<head>
            <title>Metodo Focus()</title>
</head>
<body>  
        Al passaggio del mouse: <input type="text" onmousemove=funzione() id="focus"><br>        
        <!-- onmousemove è un evento che si verifica quando qualcuno passa il mouse su quel particolare elemento
             e chiama la funzione di javascript --> 
        Fuori fuoco:<input type="text"><br>
        <input type="button" value="submit"><br>
 
        <script type="text/javascript">
        function funzione() {
            document.getElementById("focus").focus();
        }
        </script>
</body>
</html>
 
Esempio
Il fuoco viene spostato su un campo di input o rimosso da un campo di input al click del mouse:.
<html>  
<head>
    <title>Metodi Focus() e Blur()</title>
</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">
    <script type="text/javascript">
        function setFocus() {
            document.getElementById("focus").focus();
        }
  
        function removeFocus() {
            document.getElementById("focus").blur();
        }
    </script>
 
</body>  
</html>

» Glossario JavaScript