84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
我说的不是Keycode 不是按下键盘上的ESC.就是单击一个效果然后模拟下ESC就退出全屏播放的效果。
学习是最好的投资!
本来可以用KeyboardEvent来实现的,但是这个浏览器的兼容性很差,有坑。
下面推荐一种自定义事件的方式来模拟,我是用document来监听事件的,可以换成你想要的DOM元素:
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <button onclick="testEvent()">点我</button> <script> document.addEventListener('testEsc', function(e) { //此处填写你的业务逻辑即可 console.log('模拟esc事件') }) function testEvent() { //自定义事件 testEsc var event = new CustomEvent('testEsc', { ctrlKey: false, shiftKey: false, altKey: false }); //触发事件 document.dispatchEvent(event); } </script> </body> </html>
当然可以,有何不可 ^.^
经常看的视频网站的播放器不都是有一个全屏和退出全屏的图标按钮吗。可以的。
如果你用的flash播放器,可以有全屏的进出事件API,可以调用,事件触发就好了。如果你用的video标签,好像是没有这个的,但是宽高是可以设置的,事件触发,你就改变宽高和一些相应的东西就好了
本来可以用KeyboardEvent来实现的,但是这个浏览器的兼容性很差,有坑。
下面推荐一种自定义事件的方式来模拟,我是用document来监听事件的,可以换成你想要的DOM元素:
当然可以,有何不可 ^.^
经常看的视频网站的播放器不都是有一个全屏和退出全屏的图标按钮吗。可以的。
如果你用的flash播放器,可以有全屏的进出事件API,可以调用,事件触发就好了。如果你用的video标签,好像是没有这个的,但是宽高是可以设置的,事件触发,你就改变宽高和一些相应的东西就好了