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

• Nojbee tag

  #6530

  #6529 martonx

  2017-04-27 14:28:21

  Ú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

  

  Nojbee

  tag

  #6529 martonx

  Lehet rosszul fogalmaztam.

  A gomb alatt <button></button>-t értek, amit ha megnyom valaki, akkor szeretnék összeállítani egy olyan keyboard eventet, amit ha ráerőszakolok a div-re, ctrl-v/beillesztésnként hat.
  Viszont lehet rosszul rakom össze, vagy nem is lehet ilyet csinálni.
  (Lehetségescsinálni ilyet? Mert pl ha az, akkor bárhova kattintva egy oldalon, megszerezve a vágólap tartalmát simán lenyúlható például egy bankszámlaszám, jelszó stb ha az rajta van a vágólapon..)

  Tehát nem billenyűlenyomásra akarok valamit csinálni.

• Nojbee tag

  #6528 2017-04-27 12:21:13

  Ú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

  

  Nojbee

  tag

  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

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