美文网首页
全屏API 进入和退出全屏

全屏API 进入和退出全屏

作者: 阿迪呀dity | 来源:发表于2017-05-31 22:14 被阅读0次

注意:文字也可以进入全屏,在一些博客等文章性的页面,两侧有一些广告,可以使用全屏,来增加用户体验度。

例子:

// 进入全屏和退出全屏的方法:

// requestFullScreen

// cancelFullScreen

// 在不同浏览器下,需要添加内核前缀,一般是:webkit和moz

// API调用方式:

// 进入和退出全屏的API只能经由用户事件调用触发,不能让浏览器自执行

// 任何一个标签都可以调用全屏API进入全屏效果,一般常用于视频标签的全屏按钮

var wrap = document.querySelector('.wrap'),

btn = document.querySelector('#btn');

btn.onclick = function () {

wrap.webkitRequestFullScreen();

}

相关文章

  • 全屏API 进入和退出全屏

    注意:文字也可以进入全屏,在一些博客等文章性的页面,两侧有一些广告,可以使用全屏,来增加用户体验度。 例子: //...

  • HTML5新增的接口--全屏接口

    全屏API 全屏操作 使用requestFullScreen函数实现全屏 退出全屏 判断是否是全屏状态

  • JS实现浏览器全屏

    requestFullscreen进入全屏 注解:ele要全屏的元素 exitFullScreen退出全屏 退出全...

  • JS 全屏和退出全屏

    进入全屏 退出全屏 获取当前全屏的节点 判断当前是否全屏 判断当前文档是否能切换到全屏 全屏事件 注:1.docu...

  • H5新特性

    1.全屏化(FullScreen) 1.1进入全屏 1.2退出全屏 1.3注意 全屏操作需要用户来处理,代码从上向...

  • wkwebview进入全屏,退出全屏

    1.在view did load方法里写: //将要进入全屏 [[NSNotificationCenter d...

  • JS方法速查DOM

    1.常用DOM接口 2.判断当前位置是否为页面底部 3.全屏 1.进入全屏 退出全屏 全屏事件

  • 元素全屏的设置与监听

    作者网站:http://hawkzz.com 设置全屏和退出全屏 监听全屏事件

  • 浏览器全屏

    先说一下,所谓全屏指的是用户手动触发点击事件使浏览器进入全屏或退出全屏,也可以按esc退出全屏,而按F11虽然也是...

  • VMWare快捷键大全

    Ctrl-Alt-Enter 进入全屏模式 ctrl+alt+insert 退出全屏 Ctrl-A...

网友评论

      本文标题:全屏API 进入和退出全屏

      本文链接:https://www.haomeiwen.com/subject/idajfxtx.html