Das Ereignis wurde ausgelöst, wenn die Texteingabe in IE10 mit einem klaren Symbol gelöscht wurde

In chrome, die "Suche" - Ereignis wird ausgelöst, auf der Suche nach Eingängen, wenn der Benutzer klickt auf die Schaltfläche löschen.

Gibt es eine Möglichkeit, zum erfassen der gleichen Veranstaltung in javascript in Internet Explorer 10?

InformationsquelleAutor der Frage ghusse | 2013-01-24

Die einzige Lösung, die ich schließlich gefunden:

//There are 2 events fired on input element when clicking on the clear button:
//mousedown and mouseup.
$("input").bind("mouseup", function(e){
  var $input = $(this),
      oldValue = $input.val();

  if (oldValue == "") return;

  //When this event is fired after clicking on the clear button
  //the value is not cleared yet. We have to wait for it.
  setTimeout(function(){
    var newValue = $input.val();

    if (newValue == ""){
      //Gotcha
      $input.trigger("cleared");
    }
  }, 1);
});

InformationsquelleAutor der Antwort ghusse

36

Den oninput event feuert mit this.value auf einen leeren string gesetzt. Dies löste das problem für mich, da ich möchte, dass zum ausführen der gleichen Handlung, ob Sie deaktivieren Sie die search-box mit dem X oder durch die Umsteuerung. Dies funktioniert im IE 10 nur.

InformationsquelleAutor der Antwort Lucent
21

Verwenden input statt. Es arbeitet mit dem gleichen Verhalten unter allen Browsern.
```
$(some-input).on("input", function() { 
    //update panel
});
```
InformationsquelleAutor der Antwort Jeffry Ureña Miranda

Warum nicht

$("input").bind('input propertychange', function() {
    if (this.value == ""){
      $input.trigger("cleared");
    }
});

InformationsquelleAutor der Antwort Ertug

7

Erkenne ich diese Frage bereits beantwortet wurde, aber die akzeptierte Antwort funktionierte nicht in unserer situation. IE10 nicht erkannt/Feuer der $input.trigger("cleared"); - Anweisung.

Unsere endgültige Lösung ersetzt, die Aussage mit einem keydown-Ereignis auf die ENTER-Taste (code 13). Für die Nachwelt, das ist, was funktioniert in unserem Fall:
```
$('input[type="text"]').bind("mouseup", function(event) {
    var $input = $(this);
    var oldValue = $input.val();
    if (oldValue == "") {
        return;
    }
    setTimeout(function() {
        var newValue = $input.val();
        if (newValue == "") {
            var enterEvent = $.Event("keydown");
            enterEvent.which = 13;
            $input.trigger(enterEvent);
        }
    }, 1);
});
```
Darüber hinaus wollten wir für diesen nur verbindlich, um die "suchen" - Eingänge, nicht jeder Eingang auf der Seite. Natürlich, DH aus dieser schwierig... wir hatten zwar codiert <input type="search"...>IE gerendert Ihnen als type="text". Das ist, warum die jQuery-Selektor verweist auf die type="text".

Prost!

InformationsquelleAutor der Antwort OrangeWombat

Können wir einfach nur Zuhören, um die input Veranstaltung. Bitte sehen die Referenz für details. Dies ist, wie ich ein Problem mit clear-Taste in Sencha ExtJS auf IE:

Ext.define('Override.Ext.form.field.ComboBox', {
    override: 'Ext.form.field.ComboBox',

    onRender: function () {
        this.callParent();

        var me = this;
        this.inputEl.dom.addEventListener('input', function () {
            //do things here
        });
    }
});

InformationsquelleAutor der Antwort jaselg

für meine asp.net server-Kontrolle

<asp:TextBox ID="tbSearchName" runat="server" oninput="jsfun_tbSearchName_onchange();"></asp:TextBox>

function jsfun_tbSearchName_onchange() {
    if (objTbNameSearch.value.trim() == '')
            objBTSubmitSearch.setAttribute('disabled', true);
        else
            objBTSubmitSearch.removeAttribute('disabled');
        return false;
}

ref

MSDN onchange-Ereignis
- getestet in IE10.

... oder sich zu verstecken-mit CSS :

input[type=text]::-ms-clear { display: none; }

InformationsquelleAutor der Antwort ablaze

Der obige code nicht funktioniert hat in meinem Fall und ich habe eine Zeile geändert und eingeführt $input.typeahead('val', ''); die funktioniert in meinem Fall..

//There are 2 events fired on input element when clicking on the clear button://mousedown and mouseup.
$("input").on('mouseup', function(e){
    var $input = $(this),
    oldValue = $input.val();
    if (oldValue === ''){
        return;
    }
    //When this event is fired after clicking on the clear button //the value is not cleared yet. We have to wait for it.
    setTimeout(function(){
        var newValue = $input.val();
        if (newValue === ''){
            $input.typeahead('val', '');
            e.preventDefault();
        }
    }, 1);
});

InformationsquelleAutor der Antwort Maneesh Thareja

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.