l'événement keydown est pas de travail pour le type de saisie de recherche en jquery mobile

Je veux invoquer l'événement keydown pour l'entrée type de recherche en jquery mobile. Ci-dessous mon code html.

 <!DOCTYPE html>
<html>
 <head>
    <meta charset="ISO-8859-1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Insert title here</title>
<link rel="stylesheet" href="jquery.mobile-1.2.0.min.css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {      
    $("#search1").keydown(function() {
        alert("keydown");           
        $("#search1").css("background-color", "yellow");
    });
    $("#search1").keyup(function() {
        alert("keyup");
        $("#search1").css("background-color", "pink");
    });
});
</script>
<script type="text/javascript" src="jquery.mobile-1.2.0.min.js"></script>
</head>
<body>
<div data-role="page">

<div data-role="content">
<input type="search" id="search1">
<input type="text" id="text1">
</div>
</div>
</body>
</html>

événement keydown est de se faire licencier pour tous les autres types d'entrée, sauf pour le type de recherche. Quelqu'un peut s'il vous plaît aider sur ce point?

InformationsquelleAutor Sriks | 2013-01-31
  1. 1

    De la docs trouvé ceci: http://jquerymobile.com/test/docs/api/events.html

    Important: Use $(document).on('pageinit'), not $(document).ready()

    $(document).on( 'pageinit',function(event){
    $("#search1").keydown(function() {
        alert("keydown");           
        $("#search1").css("background-color", "yellow");
    });
    $("#search1").keyup(function() {
        alert("keyup");
        $("#search1").css("background-color", "pink");
    });
});

    D'essai pour voir si ça aide.

    • Salut Jai, sa fonctionne bien avec pageinit fonction, mais pas avec le document.prêt. et
    • Est-il possible de l'entrée chaîne de requête de recherche dans le script jquery?
    • essayez d'utiliser jquery pour cela: var iVal = $("#search1").val(); alert(iVal);
    • Salut j'ai essayé de cette façon, mais il donne un caractère moins que ce que nous avons est entré. Par exemple: si nous entrons dans "hai", en alerte ses donner seulement "ha"
    • Nous avons besoin de l'écrire dans keyup, pas dans keydown. Merci beaucoup pour votre aide 🙂
    InformationsquelleAutor Jai
  2. 2

    Inclure jQuery Mobile fichier

    Ce que vous devez faire est de simplement inclure un fichier jQuery dans votre projet. Un fichier nommé jQuery.mobile.js ou tout à fait similaires (ex. jQuery.ui.js) de n'importe quelle version peut vous aider.

    Vous pouvez le télécharger à partir de : jQuery Mobile Officielle | Telecharger
    Je suggère l'utilisation de

    ResolveClientUrl

    tout en donnant le chemin d'accès.

    InformationsquelleAutor Devang Kamdar
  3. 0

    Votre code de travail, vérifier ici: JS Fiddle

    VIOLON avais

    :)
    • Merci Sandeep, sa fonctionne très bien dans jsFiddle 🙂 , mais pas dans google Chrome 🙁
    InformationsquelleAutor Sandeep Rao