pc端三维文物全屏后按Esc键处理

web/src/views/gui/compomemt/antique.vue

@@ -200,7 +200,53 @@ export default {
     window.myKeyBlank = true;
   },
   //生命周期 - 挂载完成（可以访问DOM元素）
-  mounted() {},
+  mounted() {
+    // 监听esc事件
+    document.addEventListener("webkitfullscreenchange", (e) => {
+      if (!e.currentTarget.webkitIsFullScreen) {
+        // console.log('退出啊webkitIsFullScreen11111111111')
+        setTimeout(() => {
+          this.fullscreen = false;
+        }, 100);
+      } else {
+        // console.log('进入webkitIsFullScreen')
+      }
+    });
+
+    document.addEventListener("fullscreenchange", () => {
+      if (!document.fullscreenElement) {
+        // console.log('退出啊fullscreenchange1111111111')
+        setTimeout(() => {
+          this.fullscreen = false;
+        }, 100);
+      } else {
+        // console.log('进入fullscreenchange')
+      }
+    });
+
+    document.addEventListener("MSFullscreenChange", () => {
+      if (!document.msFullscreenElement) {
+        // console.log('IE退出111111')
+        setTimeout(() => {
+          this.fullscreen = false;
+        }, 100);
+      } else {
+        // console.log('IE进')
+      }
+    });
+    document.addEventListener("mozfullscreenchange", () => {
+      if (!document.mozFullScreenElement) {
+        // console.log('火狐退出1111111111111')
+        this.$nextTick(() => {
+          setTimeout(() => {
+            this.fullscreen = false;
+          }, 100);
+        });
+      } else {
+        // console.log('火狐进')
+      }
+    });
+  },
   beforeCreate() {}, //生命周期 - 创建之前
   beforeMount() {}, //生命周期 - 挂载之前
   beforeUpdate() {}, //生命周期 - 更新之前