Delete button from keyboard is deleting files and folders

Question

We are not providing the ability for user to delete but user is able to delete using keyboard delete key. How can I restrict the user to do that?

Shalini Maragathavel · Answer

Hi Yamini, 
Greetings from  Syncfusion support. 

We checked your query and would like to let you know that, by default we do not have any direct property to prevent keyboard actions in File Manager component. However, you can achieve your requirement by binding the keyup and keydown event to File Manager component and prevent the keyboard interaction using keyboard prevention methods. Please refer to the below code snippet. 
  




export class AppComponent { 
  public ngOnInit(): void { 
    document.getElementById('filemanager').addEventListener('keyup', this.preventdelete, true); 
    document.getElementById('filemanager').addEventListener('keydown', this.preventdelete, true); 
  } 
 
  preventdelete(e) { 
    if (e.key == 'Delete') { 
      e.preventDefault(); 
      e.stopPropagation(); 
      e.stopImmediatePropagation(); 
    } 
  } 
} 
Please find the below sample for your reference, 
Sample: https://stackblitz.com/edit/prevent-delete?file=app.component.ts 
Please let us know if you need further assistance. 

Regards, 
Shalini M.