Passez la souris ne fonctionne pas sur désactivé champ de saisie?

J'ai désactivé champ de saisie sur le vol stationnaire de qui je veux faire un popup qui dit ce champ sera rempli automatiquement.

<input type="text" class="dcol" data-toggle="popover" data-content="Required Field with Numeric Input" disabled="disabled" style="background-color:#FFFF66" value="">

Voici mon jQuery qui ne fonctionne pas.

$('input:disabled').hover( 
    function(){
        alert("hello");
    },
    function(){ 
        alert("bye");
    }
 );

Quelqu'un peut-il suggérer comment je peux y parvenir.

InformationsquelleAutor sushil bharwani | 2013-09-22
  1. 1

    L'événement de la souris ne sera pas obtenir le feu sur le champ désactivé. Ce que vous pouvez faire est de mettre un élément en face du champ désactivé et mettez votre événement de souris sur cet élément.

    Cela va vous dire exactement comment le faire

    Cependant, autre chose que vous pouvez faire est de garder le champ activé et passez la souris sur, désactiver et afficher le message d'alerte. Comme:

    $('input').hover(function(){
  alert("hello");
   $(this).attr('disabled','disabled');        
});

    J'ai créé un jouer du violon pour elle. Vous pouvez le vérifier ici.

    • Il y a deux problèmes avec cette solution: a) Il ne fonctionne qu'une fois, b) l'utilisateur est en mesure de modifier le contenu d'un champ à l'aide de la touche TAB
    • dans ce cas, vous pouvez lier événement onfocus avec le vol stationnaire.
    • Il ne résoudrait pas la touche de TABULATION (pas de hover qui s'est passé). Je pense que la meilleure approche serait d'utiliser $('input').l'accent(...) pour afficher la même alerte et de désactiver le champ.
    • oui, ça va mieux. Ou avec l'accent de l'événement, vous pouvez essayer la première méthode.
    InformationsquelleAutor Vikas Arora
  2. 2

    Vous pouvez joindre à votre boîte d'entrée à l'intérieur d'un div et de lever l'alerte sur la cape de la div. Je l'ai essayé et il fonctionne tout simplement parfait.

    <div id="hov"><input type="text" class="dcol" data-toggle="popover" data-content="Required Field with Numeric Input" disabled="disabled" style="background-color:#FFFF66" value=""></div>

$('#hov').hover(function(){
  alert("hello");      
});

    J'espère que cela résout votre problème.

    • résolu mon problème.
    InformationsquelleAutor Abhishek Punj
  3. 1

    Il est fait intentionnellement par jQuery. Voir ce bug de jQuery

    Cela a été fait intentionnellement dans jQuery.de l'événement.l'expédition basée sur #6911 pour
    normaliser une croix-comportement du navigateur. Cependant, il semble déconseillé pour les
    nous de le faire, au moins pour un certain ensemble d'événements. On peut facilement revenir à l'
    changer, mais il va entraîner d'autres rapports de bug.

    InformationsquelleAutor Arun P Johny
  4. 0

    J'ai travaillé autour du bouton de problème en ajoutant une enveloppe, et l'ajout de planer sur l'emballage, puis en fixant le z-index du bouton en dessous de la couche lorsqu'il est désactivé. Un peu de douleur, mais semble fonctionner assez bien:
    Je l'ai testé, cette solution fonctionne pour tous les autres, les personnes handicapées constituent des éléments comme input/textarea.

    <div class='wrapper-div' onmouseover='function()'>
<button disabled> Having Z-index: -1 </button>
</div>

    http://jsfiddle.net/M6xxk/

    InformationsquelleAutor Bhuvan Arora
  5. -1

    essayer cette
    //HTLM

    <input id="txt" type="text" class="dcol" data-toggle="popover" data-content="Required Field with Numeric Input"  style="background-color:#FFFF66" value="">

    //SCRIPT

    $("#txt").hover(function(){
alert("this field will be automatically populated!"); 
 $(this).attr('disabled','disabled');

    });

    violon exemple

    • Aimé votre truc, mais cela ne fonctionne qu'une seule fois.
    InformationsquelleAutor luckyamit