Keyboard Event trigger on button click

Asked Jul 23 '18 at 12:31

Active Jul 23 '18 at 12:41

Viewed 106 times

add(){
  var newEvent = null; 
  try 
  {
    newEvent = document.createEvent("KeyEvents"); 
    newEvent.initKeyEvent("keypress", true, true, window,false, false, false, false, 0, 32); 
  }
  catch(ex) 
  {
    console.log(ex); 
    newEvent = document.createEvent("KeyboardEvent"); 
    newEvent.initKeyboardEvent('keypress', true, true, window, false, false, false, false, 32, 0); 
  }
          // e.preventDefault(); 
              document.getElementById('surname').dispatchEvent(newEvent);
}

<input type="text" id="surname" name="surname" placeholder="आडनाव" [(ngModel)]="surName">
<button class="btn btn-primary" (click)="add();" id="add" >Fire</button>

add(){
  var newEvent = null; 
  try 
  { 
    newEvent = document.createEvent("KeyEvents"); 
    newEvent.initKeyEvent("keypress", true, true,window,false, false, false, false, 0, 32); 
   }
   catch(ex) 
   { 
    console.log("aa ",ex); 
    newEvent = document.createEvent("KeyboardEvent"); 
    newEvent.initKeyboardEvent('keypress', true, true, window, false, false, false, false, 32, 0); 
    }
}

<button class="btn btn-primary" (click)="add();" id="add" >Fire</button>

Above code is not working...didnot fire keyevent, I want to fire keypress event (SpaceBar) on button click in JQuery or javascript or angular 2.

edited Jul 23 '18 at 12:41

asked Jul 23 '18 at 12:31

Ash

Yes, and where is the problem? What did you try? – Herr Derb Jul 23 '18 at 12:35
https://stackoverflow.com/questions/596481/is-it-possible-to-simulate-key-press-events-programmatically – Lain Jul 23 '18 at 12:36
@Lain Its not working for spacebar (keycode 32) – Ash Jul 23 '18 at 12:51
Could try keyup instead, keypress does not support all keys. – Lain Jul 23 '18 at 12:53
still same issue occurs – Ash Jul 23 '18 at 12:57

Keyboard Event trigger on button click

0 Answers0