|
|
@@ -207,6 +207,7 @@ export default {
|
|
|
arrows: false,
|
|
|
// 控制全屏
|
|
|
isSta: false,
|
|
|
+ fullscreen: false,
|
|
|
// 控制棋子
|
|
|
seInd: 0,
|
|
|
// 控制棋子的定时器
|
|
|
@@ -293,6 +294,51 @@ export default {
|
|
|
// 进页面看看是不是只有一张图,只有一张图居中显示
|
|
|
if (this.wenwuLehgth === 1) this.oneImgWW = true
|
|
|
if (this.renwuLehgth === 1) this.oneImgRW = true
|
|
|
+ // 监听esc事件
|
|
|
+ document.addEventListener('webkitfullscreenchange', (e) => {
|
|
|
+ if (!(e.currentTarget.webkitIsFullScreen)) {
|
|
|
+ // console.log('退出啊webkitIsFullScreen11111111111')
|
|
|
+ setTimeout(() => {
|
|
|
+ this.isSta = this.fullscreen = false
|
|
|
+ }, 100)
|
|
|
+ } else {
|
|
|
+ // console.log('进入webkitIsFullScreen')
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ document.addEventListener('fullscreenchange', (e) => {
|
|
|
+ if (!document.fullscreenElement) {
|
|
|
+ // console.log('退出啊fullscreenchange1111111111')
|
|
|
+ setTimeout(() => {
|
|
|
+ this.isSta = this.fullscreen = false
|
|
|
+ }, 100)
|
|
|
+ } else {
|
|
|
+ // console.log('进入fullscreenchange')
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ document.addEventListener('MSFullscreenChange', (e) => {
|
|
|
+ if (!document.msFullscreenElement) {
|
|
|
+ // console.log('IE退出111111')
|
|
|
+ setTimeout(() => {
|
|
|
+ this.isSta = this.fullscreen = false
|
|
|
+ }, 100)
|
|
|
+ } else {
|
|
|
+ // console.log('IE进')
|
|
|
+ }
|
|
|
+ })
|
|
|
+ document.addEventListener('mozfullscreenchange', (e) => {
|
|
|
+ if (!document.mozFullScreenElement) {
|
|
|
+ // console.log('火狐退出1111111111111')
|
|
|
+ this.$nextTick(() => {
|
|
|
+ setTimeout(() => {
|
|
|
+ this.isSta = this.fullscreen = false
|
|
|
+ }, 100)
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ // console.log('火狐进')
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
// 方法集合
|
|
|
methods: {
|
|
|
@@ -712,6 +758,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.myqizi {
|
|
|
+ scrollbar-width: none;//火狐滚动条设置
|
|
|
height: 600px;
|
|
|
overflow: auto;
|
|
|
&::-webkit-scrollbar{
|