jQuery Mobile Textinput Widget preventFocusZoom Option

Afficher la discussion

Améliorer l’article

Enregistrer l’article

J’aime l’article

Afficher la discussion

Améliorer l’article

Enregistrer l’article

J’aime l’article

jQuery Mobile est une technologie Web utilisée pour créer du contenu réactif accessible sur tous les smartphones, tablettes et ordinateurs de bureau.
Dans cet article, nous utiliserons le widget jQuery Mobile Textinput empêcherFocusZoom option pour empêcher l’appareil de se concentrer sur l’élément d’entrée lorsque l’élément reçoit le focus.

Syntaxe:

$( ".selector" ).textinput({
    preventFocusZoom: boolean
});

Lien CDN : Tout d’abord, ajoutez les scripts jQuery Mobile nécessaires à votre projet.


Exemple:

HTML

<!doctype html>

<html lang="en">

 

<head>

    <meta charset="utf-8">

    <meta name="viewport" content=

        "width=device-width, initial-scale=1">

 

    <link rel="stylesheet" href=

"//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

 

    <script src="//code.jquery.com/jquery-1.10.2.min.js">

    </script>

 

    <script src=

"//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js">

    </script>

 

    <script>

        $(document).ready(function () {

            $("#GFG").textinput({

                preventFocusZoom: true

            });

        });

    </script>

</head>

 

<body>

    <div data-role="page" id="page1">

        <div data-role="header">

            <h1>GeeksforGeeks</h1>

            <h3>jQuery Mobile Textinput Widget preventFocusZoom Option</h3>

        </div>

 

        <center>

            <div role="main" class="ui-content" style="width: 50%;">

                <label for="GFG">Enter Text:</label>

                <input type="text" name="Geeks" id="GFG" value="">

            </div>

        </center>

    </div>

</body>

 

</html>

Production:

focus

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *