"Einfügen" -Ereignis in Angular [ngPaste]

8

Wie führe ich eine Funktion beim "Paste" -Ereignis in der Eingabe in Angular 1.1.5 aus? Ich weiß, dass es eine ng-change Direktive für die Eingabe gibt. Aber es wird jedes Mal ausgelöst, wenn sich die Eingabe ändert, ich brauche nur einmal beim ersten Einfügen.

Anwendungsfall: Ich habe eine URL-Eingabe. Ich möchte eine Funktion ausführen, nachdem der Benutzer die URL eingefügt hat. Der Benutzer kann die URL auch manuell eingeben und die Funktion durch Drücken der Eingabetaste ausführen.

-

Update: Seit Angular 1.2.0 ist ngPaste eine native Anweisung.

    
Websirnik 26.08.2013, 23:37
quelle

4 Antworten

27

Seit Angular 1.2.0 gibt es eine ngPaste-Direktive. Verwenden Sie den folgenden Weg:

%Vor%

Um den Wert sofort zu übergeben, verwenden Sie:

%Vor%     
Websirnik 12.12.2013, 13:40
quelle
9

In der Funktion sollten Sie originalEvent

verwenden %Vor%

Funktion:

%Vor%     
Levsha 10.06.2015 22:12
quelle
4

Ich wollte meine Lösung teilen, um Browser ohne Zwischenablage-API zu unterstützen. Dies sollte bei jedem Browser funktionieren, der eckig unterstützt.

HTML:

%Vor%

JS:

%Vor%     
Firze 13.06.2016 12:07
quelle
1

Ich habe diese Lösung implementiert, um den eingefügten Text mit einem benutzerdefinierten Filter bezüglich der aktuellen Eingabeauswahl zu bereinigen (auch von IE11 unterstützt)

JS:

%Vor%

HTML:

%Vor%     
Ron Jonk 25.07.2017 11:35
quelle