비

pc 크롬에서 풀스크린 원버튼 명령어

 

[code]

document.fullscreenElement ? document.exitFullscreen() : 엘레먼트ID.requestFullscreen();

[/code]

 

예제

 

[code]

<div id="g5" style="width:500px;margin:0 auto">
    <img style="width:100%" src="https://blog.kakaocdn.net/dn/dGvqOG/btrcONHUaWw/cvKSoMdobz8gmS3ubZTYcK/img.jpg">
    <span style="position:absolute;top:20px;left:20px;cursor:pointer" onclick="document.fullscreenElement?document.exitFullscreen():g5.requestFullscreen()">클릭</span>
</div>

[/code]

 

이런 건 여러번을 사용할 경우 "함수"를 만드는 것이 편합니다.

 

[code]

<script>
function fsMode(fs) {
    document.fullscreenElement ? document.exitFullscreen() : fs.requestFullscreen();
}
</script>
<div id="g5" style="width:500px;margin:0 auto">
    <img style="width:100%" src="https://blog.kakaocdn.net/dn/dGvqOG/btrcONHUaWw/cvKSoMdobz8gmS3ubZTYcK/img.jpg">
    <span style="position:absolute;top:20px;left:20px;cursor:pointer" onclick="fsMode(g5)">클릭</span>
</div>

[/code]

 

결과물은 https://wittazzurri.com/editor/html_editor.php 에서 확인해 보세요.

사파리나 파폭은 사용 안해서 잘 모르고 관심도 없음.ㅜㅠ

|

댓글 6개

좋은 자료 감사합니다.
@푸른산타 감사합니다
감사 합니다.
@들레아빠 감사합니다
공개해 주셔서 감사합니다.
@브러운아이 감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
23-01-30 조회 6,399
23-01-27 조회 6,701
23-01-27 조회 7,942
23-01-25 조회 7,511
23-01-23 조회 7,580
23-01-23 조회 6,967
23-01-21 조회 7,444
23-01-19 조회 7,068
23-01-18 조회 6,274
23-01-16 조회 7,088
23-01-16 조회 5,876
23-01-16 조회 6,310
23-01-16 조회 6,482
23-01-12 조회 6,725
23-01-11 조회 8,999
22-12-20 조회 9,223
23-01-10 조회 6,648
23-01-09 조회 6,307
23-01-09 조회 5,930
22-12-31 조회 7,725
22-12-30 조회 6,457
22-12-30 조회 7,309
22-12-28 조회 7,864
22-12-26 조회 6,071
22-12-26 조회 6,367
22-12-24 조회 6,703
22-12-22 조회 7,046
22-12-20 조회 6,125
22-12-19 조회 6,677
22-12-17 조회 7,892