C# 点击图片全屏

最新推荐文章于 2024-07-30 03:01:36 发布

‭ ‭‭ ‭‭ ‭‭ ‭‭ ‭‭ ‭‭

最新推荐文章于 2024-07-30 03:01:36 发布

阅读量612

点赞数

CC 4.0 BY-SA版权

分类专栏： MVC

本文链接：https://blog.youkuaiyun.com/qq_41981324/article/details/98752291

MVC 专栏收录该内容

5 篇文章

订阅专栏

这篇博客介绍了如何在C#环境中实现点击图片进入全屏模式。通过滚轮事件监听，结合全屏API，实现了滚轮触发的全屏切换功能。文章详细讲解了全屏请求、退出全屏及监听全屏状态的函数实现，帮助开发者更好地操控图片展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

滚轮上下滑动的开关
var transfor = false;
滚轮方法
function wheel(event) {
var delta = 0;
if (event.wheelDelta) {
delta = event.wheelDelta / 120;
}
if (event.detail) {
delta = -event.detail / 3;
}
if (delta) {
handle(delta);
}
if (event.preventDefault) {
event.preventDefault(); }
event.returnValue = false; }
if (window.addEventListener) {
window.addEventListener(‘DOMMouseScroll’, wheel, false);
}
window.onmousewheel = wheel;
function handle(delta) {
if (transfor == true) {
return;
}
//判断滚轮滑动方向
if (delta > 0) {
} else { }
}
全屏
function RequestFullScreen(element) {
var RequestMethod = element.requestFullScreen ||
element.webkitRequestFullScreen ||
element.mozRequestFullScreen ||
element.msRequestFullScreen;
requestMethod.call(element);
}
退出全屏
function ExitFullScreen ()
{
var ExitMethod = document.exitFullscreen ||
document.mozCancelFullScreen ||
document.webkitExitFullscreen ||
document.webkitExitFullscreen;
ExitMethod.call(document);
}
监听全屏
function checkFull() {
var isFull = document.fullscreenEnabled || window.fullScreen || document.webkitIsFullScreen || document.msFullscreenEnabled;
if (isFull === undefined) isFull = false;
return isFull;
}

调用全屏
requestFullScreen($(’’)[0]);