퍼블리셔(프론트)23 자바스크립트로 모바일 기기(아이폰/안드로이드) 구분하기 var currentOS; var mobile = (/iphone|ipad|ipod|android/i.test(navigator.userAgent.toLowerCase())); if (mobile) { // 유저에이전트를 불러와서 OS를 구분합니다. var userAgent = navigator.userAgent.toLowerCase(); if (userAgent.search("android") > -1) currentOS = "android"; else if ((userAgent.search("iphone") > -1) || (userAgent.search("ipod") > -1) || (userAgent.search("ipad") > -1)) currentOS = "ios"; else currentO.. 2020. 6. 29. onclick 을 활성화 하기위한 환경(기본상식) 샘플코드기능 : 클립보드 텍스트 복사 Copy text function myFunction() { /* Get the text field */ var copyText = document.getElementById("myInput"); /* Select the text field */ copyText.select(); /* Copy the text inside the text field */ document.execCommand("copy"); /* Alert the copied text */ alert("Copied the text: " + copyText.value); } 이거로 오늘 삽질만 30분 했던거같다.. button을 클릭했을때 이벤트를 발생하기 위한 함수가 정의되어 있는데, onclick을 .. 2020. 6. 24. magnificPopup 레이어팝업 모바일 스크롤 방지 js, css JS: $('.my-popup').magnificPopup({ type : 'ajax', callbacks: { beforeOpen: function() { $('body').addClass('mfp-active'); }, beforeClose: function() { $('body').removeClass('mfp-active'); } } }); CSS: body { -webkit-overflow-scrolling: touch; } body.mfp-active { overflow: hidden; -webkit-overflow-scrolling: auto; width: 100%; position: fixed; overflow: auto; } body .mfp-wrap { position: fixed; o.. 2020. 5. 4. HTML video mobile 에서 탭으로 안뜨기 video로 삽입한 영상이 모바일로 접속하면 탭으로 뜬다.. 예전에는 mp4를 gif로 변환해서 썼는데 3분짜리 영상을 삽입하려니 gif는 오버여서 방법을 찾아보니... 아주 쉬운 방법이 있었다. playsinline 를 추가해주면 된다.ㅋㅋ 굿 2020. 4. 1. 이전 1 2 3 4 ··· 6 다음