Détecter texbox clair-événement dans IE. Comment faire pour effacer le input type=“texte” (zone de texte) dans IE (Internet Explorer) lorsque IE spécifiques clair-boîte est cliqué?

Dans Internet Explorer, il y a un peu de x-comme le bouton est indiqué, lorsque vous commencez à taper dans la zone de texte. Comment puis-je détecter le cas lorsque cette icône est cliqué sur? Est-il un événement de type?

<input type="text" value ="" id ="qsearch" name="qsearch"
    onBlur="qsearchLookup(this.value);" OnClick="qsearchLookup(this.value);"
    onkeyup="qsearchLookup(this.value)"  size="26">

function qsearchLookup(searchVal){
    document.getElementById("qsearch").value="";
}

Détecter texbox clair-événement dans IE. Comment faire pour effacer le input type=“texte” (zone de texte) dans IE (Internet Explorer) lorsque IE spécifiques clair-boîte est cliqué?

InformationsquelleAutor Andrew | 2013-04-06
  1. 9

    Je ne sais pas à propos de l'événement spécial pour cette petite x-bouton j'aime, et je ne pense pas qu'il existe, mais vous pouvez utiliser entrée événement (oninput="qsearchLookup(this.value)" dans votre cas) pour attraper ce changement.

    • J'ai ajouté l'image; semble événement n'est pas l'attraper
    • Il travaille dans IE10, et j'ai pensé que cela (x) bouton n'existe que dans IE10. Je ne pense pas que IE a spéciale de l'élément DOM pour ce bouton ou un événement, mais si vous voulez, vous pouvez le masquer avec css spéciale: ::-ms-clear { display: none; }
    InformationsquelleAutor outcoldman
  2. 4

    Ne suis pas sûr, si quelqu'un est à la recherche d'une solution. Malheureusement, il n'y a pas de gestionnaire d'événement disponible pour le clair(X) icône, cependant ci-dessous extrait de code/astuces travaillé pour moi. CSS pour compléter cacher la clair(X) icône et si vous ne voulez pas masquer la clair(X) icône mais besoin de manipuler puis JS extrait de code pourrait l'aider.Vérifié dans IE 8,9,10,11 et il fonctionne très bien

    CSS astuce:

    #textFieldId::-ms-clear {display: none;} -- Pour un champ de texte

    ou

    input[type=text]::-ms-clear { display: none; } -- pour tous les champs de texte dans le champ d'application

    OU

    JavaScript truc (pour réinitialiser le champ de texte de la valeur à vide/vide et le feu le code html de l'événement KeyUp. En conséquence, vous pouvez changer selon votre besoin)

    $('#textFieldId').bind("mouseup", function() {
        var $input = $(this);
        var oldValue = $input.val();
        if (oldValue == "") {
            return;
        }
        setTimeout(function() {
            var newValue = $input.val();
            if (newValue == "") {
                $input.trigger("keyup");
            }
        }, 1);
    });
    InformationsquelleAutor Sunil Kumar Das
  3. 0

    Cela a fonctionné assez bien pour moi 🙂

    $input.addEventListener('mouseup', function(){
    setTimeout(function(){
        if ($input.value === '') do_stuff();
    }, 1)
});

    $input étant une référence à l'élément d'entrée.

    InformationsquelleAutor Daniel Tonon
  4. -1
    input.on('input propertychange',function(e){})

    cela fonctionne pour ie10 (entrée) et ie8 (propertychange), mais pas pour ie9

    j'ai effectivement il fixe pour ie9 avec l'événement mousedown, pas jolie ,mais qui et mouseup sont les seuls événements qui le feu sur elle

    InformationsquelleAutor Георги Петрунов