Új hozzászólás Aktív témák

• martonx veterán

  #6529

  #6528 Nojbee

  2017-04-27 13:32:14

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  martonx

  veterán

  #6528 Nojbee

  #6528 Nojbee

  Sziasztok!

  Egykis segítséget szeretnék kérni.

  Van egy div-em, amin ha focus van és megnyomom a ctrl+v bill. kombinációt (vagy egérrel jobb gomb beillesztés), akkor meghívódik egy függvény, beleteszi a vágólapon lévő képet, megjelníti.

  Ezt szeretném megoldani úgy is, hogy gomb lenyomására történjen.
  Arra gondoltam, hogy szimulálom a keyboard eventet erre a bizonyos div-re:
  <div class="paste-area-content"
#pasteDiv contenteditable="true"
(paste)="onPaste($event)"
(input)="unsupportedBrowserPaste()">
</div>
  ami ennek hatására meghívná az onPaste függvényt...

  Megpróbáltam különböző módon ezeket az eventeket létrehozni. Elég sokminden deprecated ezzel kapcsolatban.
  Az utolsó próbálkozás ez volt:
  var event = new KeyboardEvent('keypress', {
bubbles: true,
cancelable: true,
ctrlKey: true,
key : "v",
code : "86"
});
this.printedArticleImagePasteComponent.simulatePaste(event);

  Meghívja egy másik komponensben lévő fv-t ahol a div van, aminek elküldi az eventet:

  public simulatePaste(event: KeyboardEvent) {
this.pasteDiv.nativeElement.dispatchEvent(event);
}

  És én erre várnám a varázslatot, de sajnos nem működik

  Próbálkozott már valaki ilyesmivel?
  Igazából angular2-vel ügyködök, úgyhogy olyan megoldás is és pure js is jó, teljesen mindegy.

  Az is jó megoldás lenne, ha a clipboardevent-et magamnak állítom össze a vágólapról? Lehetséges?

  Köszönöm

  Itt egy megoldás: [link]

Új hozzászólás Aktív témák