禁用Angular中的单击和键盘功能

时间:2019-06-05 09:57:58

标签: javascript angular typescript

我正在设置在线测验。我完成了所有编码。现在,我想禁用除选择问题,答案和提交之外的所有键盘和鼠标单击功能。

当用户尝试在浏览器中打开新选项卡并且单击窗口中的任务栏时,我想显示错误消息

我尝试使用以下代码以角度完成了键盘和鼠标的右键操作。

@HostListener('document:keydown', ['$event'])
   handleKeyboardEvent(event: KeyboardEvent) {
      alert("dont press key " +event.key)
      console.log(event);
      event.returnValue = false;
      event.preventDefault();
      alert("if you pree the key more than three times it will submit automatically");
      this.counter ++;
      console.log(this.counter);
      if(this.counter >=3){
        console.log("submit");
      }
   }

  @HostListener('contextmenu',['$event'])
  onContextmenu(event){
      event.stopPropagation();
      event.preventDefault();
      event.stopImmediatePropagation();
  }

我需要阻止除问题页面之外的所有鼠标和键盘事件

0 个答案:

没有答案