Javascript 如何退出全屏单击

Javascript 如何退出全屏单击,javascript,jquery,Javascript,Jquery,我的网页有全屏模式。点击一个按钮,图像就会全屏显示。 我需要单击删除按钮或按退出按钮退出全屏。我应该使用哪个函数来实现这一点 jQuery 我使用了jQuery全屏插件(screenfull)。这是全屏按钮的全屏类 HTML 全屏: <ul> <li id="outfullscreen"><a href="#"><img src="jqe13/image/fullscreen_c.PNG" alt="Full S

我的网页有全屏模式。点击一个按钮,图像就会全屏显示。 我需要单击删除按钮或按退出按钮退出全屏。我应该使用哪个函数来实现这一点

jQuery 我使用了jQuery全屏插件(screenfull)。这是全屏按钮的全屏类

HTML


全屏:

     <ul>
     <li id="outfullscreen"><a href="#"><img src="jqe13/image/fullscreen_c.PNG" 
        alt="Full Screen" class="fullscreen" title="Full Screen"></a></li></ul>

我的代码工作正常,没有错误。现在我想通过单击关闭全屏模式。

您没有提到您正在使用的jQuery插件。通过查看代码片段,我假设您正在使用
screenfull.js

您应该能够通过调用
screenfull.exit()退出全屏

<button id="exit">Exit</button>
$('#exit').click(function() {
    screenfull.exit();
});
退出
$('#退出')。单击(函数(){
screenfull.exit();
});

希望这有帮助。

如果您使用jQuery,您将需要为设置事件处理程序。之后,您必须检查Esc键(或任何您想要的键)。Esc键工作正常。我只需要单击“删除”按钮就可以关闭它。@anuRadha你能提供你的代码或做一把小提琴吗。有了这个,我们只能猜测,不能给你选择的答案。@user1671639请查看更新的问题。你的代码中有一些错误,所以你发布的内容甚至无法运行。请在您的问题中更正它们,并发布您看到的效果(以及Javascript控制台中的任何错误)。
     <ul>
     <li id="outfullscreen"><a href="#"><img src="jqe13/image/fullscreen_c.PNG" 
        alt="Full Screen" class="fullscreen" title="Full Screen"></a></li></ul>
<button id="exit">Exit</button>
$('#exit').click(function() {
    screenfull.exit();
});