找回密码
 立即注册

QQ登录

只需一步，快速开始

首页 › 活字格专区 › 求助中心 › 查看内容
发新帖

dystar001 悬赏达人认证

高级会员

63

主题

426

帖子

1689

积分

高级会员

积分
1689

活字格认证圣诞拼拼乐悬赏达人

最新发帖

[已处理] 怎样能用代码实现浏览器全屏和退出全屏

dystar001 悬赏达人认证
高级会员   /  发表于：2019-2-23 13:42  /   查看：5601  /  回复：11
本帖最后由 dystar001 于 2019-2-23 17:12 编辑

有个场景，设备是触摸屏使用没有键盘。

请问怎样能用代码实现浏览器全屏和退出全屏，谢谢！

11 个回复

倒序浏览
Tracy.Liu讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于：2019-2-25 10:47:13
推荐
您好，您可以参看下附件工程，可以全屏和退出全屏。

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x

评分

参与人数 2金币 +5 满意度 +5 收起 理由
YSLSX + 5
Chelsey.Wang + 5 很给力!

查看全部评分


点我了解价格 & 预约官方技术顾问
回复 使用道具 举报
谢厅讲师达人认证 悬赏达人认证 活字格认证
金牌服务用户   /  发表于：2019-2-23 23:16:59
推荐
本帖最后由 谢厅 于 2019-2-23 23:20 编辑

可以使用js模拟键盘事件。
在你需要模拟的地方放下如下代码即可页面加载时可能不能用这个代码直接进入全屏
  1. var el = document.documentElement;
  2. var rfs = el.requestFullScreen || el.webkitRequestFullScreen ||
  3.         el.mozRequestFullScreen || el.msRequestFullScreen;
  4. if (typeof rfs != "undefined" && rfs) {
  5.         rfs.call(el);
  6. } else if (typeof window.ActiveXObject != "undefined") {
  7.         var wscript = new ActiveXObject("WScript.Shell");
  8.         if (wscript != null) {
  9.                 wscript.SendKeys("{F11}");
  10.         }
  11. }
复制代码


回复 使用道具 举报
songlinxin
中级会员   /  发表于：2019-2-23 16:08:43
沙发
不是浏览器按一下F11就可以吗！
回复 使用道具 举报
dystar001悬赏达人认证
高级会员   /  发表于：2019-2-23 17:08:07
板凳
songlinxin 发表于 2019-2-23 16:08
不是浏览器按一下F11就可以吗！



如果能用键盘，还需要在这里问么。。。
回复 使用道具 举报
dystar001悬赏达人认证
高级会员   /  发表于：2019-2-24 01:39:59
5#
本帖最后由 dystar001 于 2019-2-24 01:43 编辑
谢厅 发表于 2019-2-23 23:16
可以使用js模拟键盘事件。
在你需要模拟的地方放下如下代码即可页面加载时可能不能用这个代码直接进入全屏 ...

谢谢您的代码，谷歌浏览器和QQ浏览器可以进入全屏模式！不过IE浏览器没有反应。

再请教一下，怎么再能退出全屏？
我试过把 requestfullscreen，改成相应的exitfullscreen，但是没有反应。

谢谢！

  1. var el = document.documentElement;
  2. var rfs = el.oCancelFullScreen || el.webkitExitFullscreen ||
  3.         el.mozCancelFullScreen || el.msExitFullscreen;
  4. if (typeof rfs != "undefined" && rfs) {
  5.         rfs.call(el);
  6. } else if (typeof window.ActiveXObject != "undefined") {
  7.         var wscript = new ActiveXObject("WScript.Shell");
  8.         if (wscript != null) {
  9.                 wscript.SendKeys("{F11}");
  10.         }
  11. }
复制代码
回复 使用道具 举报
dystar001悬赏达人认证
高级会员   /  发表于：2019-2-25 17:56:08
7#
Tracy.Liu 发表于 2019-2-25 10:47
您好，您可以参看下附件工程，可以全屏和退出全屏。

这个代码可以，谢谢！

再延伸请教一个，如何能用一个按钮或链接，模拟键盘输入呢？

用于设计屏幕键盘。

谢谢！
回复 使用道具 举报
Simon.hu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于：2019-2-26 09:02:19
8#
dystar001 发表于 2019-2-25 17:56
这个代码可以，谢谢！

再延伸请教一个，如何能用一个按钮或链接，模拟键盘输入呢？

这个问题，请你重新发一个帖子吧，
咱尽量保证一个帖子一个问题，这样的以后查询的时候比较方便呢

谢谢！

点我了解价格 & 预约官方技术顾问
回复 使用道具 举报
dystar001悬赏达人认证
高级会员   /  发表于：2019-3-29 13:14:44
9#
Tracy.Liu 发表于 2019-2-25 10:47
您好，您可以参看下附件工程，可以全屏和退出全屏。

您好！

这个代码用过5.0发布后，IE浏览器不能执行。请知悉，
谢谢！
回复 使用道具 举报
Tracy.Liu讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于：2019-3-29 14:43:29
10#
您好，这边使用5.0测试是正常的呢~

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x

点我了解价格 & 预约官方技术顾问
回复 使用道具 举报
下一页 »
12下一页
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

西安葡萄城软件有限公司
专业的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备：61019002000258  |   隐私政策  |   网站地图  

邮箱： info.xa@grapecity.com  |  © 2024 葡萄城软件，保留所有权利

Archiver| 手机版| 小黑屋|

返回顶部