RX/XE 팁
XE FAQ 는 제가 XE공홈 '묻고 답하기'에 답변한 내용들 중 일부를 정리한 내용입니다. (대부분이 제가 한 답변이죠)
XE Tips 는 제가 XE 공홈에 쓴 XE 관련 유용한 팁들입니다. 기능개선은 공홈에 안 적어둔 XE 유용 개선팁들입니다.
유용정보는 외부 검색을 통해 알아낸 소스등을 기재해둔 곳입니다.
버그 신고내역들은 XE 사용하다가 발견한 버그 패치방법들로, Core Issue 에 기록해뒀기에 XE 에 적용이 되었을 가능성이 있겠죠

제가 쓴 글들에 대해 퍼가실때는 꼭 출처를남겨주시고.. (다만 플래시뷰 기반이기에 퍼가기는조금 힘들 수 있겠죠 ^^;)
타회원의 글들도 적혀있는 출처를 같이 꼭 기재해주세요
출처 troopa102 
출처URL http://blog.naver.com/PostView.nhn?blogId=troopa102&logNo=120186297375 

모바일 기기에서는 복사를 하려면 롱탭을 눌러야 하므로 JMC touch에 있는 longTap을 이용하여 이벤트를 잡아서 처리하려고 봤는데요, 이벤트 호출 후 모바일 기기의 컨텍스트메뉴가 뜨는 것을 막을 방법을 못찾았습니다.

(꼼수로 롱탭을 누르는 것을 복사를 위한 행위로 보고 alert 창을 띄워주면 메뉴 노출을 막을 수는 있습니다.)

 

1. 그래서 찾아본 결과 웹소설쪽에서 이용하는 방법인데요,

css내에서 해당 div 속성에 

-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0) 를 추가해주면 글자 선택 자체가 막힙니다. 

 

속성별로 의미를 살펴보면 아래와 같습니다.

-webkit-touch-callout:none; (팝업창 차단하기)

-webkit-touch-select:none; (복사막기)

-ms-user-select:none; (텍스트 선택 불가)

-moz-user-select:none; (텍스트 선택 불가)

-webkit-user-select:none; (텍스트 선택 불가)

-user-select:none; (텍스트 선택 불가)

-webkit-tap-highlight-color:rgba(0,0,0,0) (링크를 터치했을때 나오는 기본 영역의 색상을 제어)

 

* 장점 : 모든 기기에서 복사 방지 기능이 동작한다.

* 단점 : 안드로이드 폰의 경우 플리킹 동작이 불가능한 상태가 됩니다. 갤럭시S2 구 버전(안드로이드2.3.6)에서는 플리킹도 동작 했으나, 갤럭시노트2 같은 안드로이드 상위 버전에서는 플리킹이 거의 동작하지 않았습니다. (간헐적으로 동작하는 경우도 있었습니다.)

 

 

2. 그래서 아이폰의 경우에만 위의 CSS를 적용하였고, 안드로이드에서는 CSS를 빼고 자바스크립트 이벤트를 이용하였습니다.

'onselectstart' 이벤트를 이용하여 해당 이벤트 호출 시 return false로 처리하였습니다.

 

* 장점 : 복사는 가능하지만 한번 셀렉트된 영역보다 늘리는 것은 막을 수 있다.

* 단점 : 아이폰에서는 해당 이벤트가 호출되지 않습니다. 

셀렉트가 시작되는 순간부터 막히므로 한 단어씩은 복사가 가능합니다.

안드로이드 상위 버전에서는 편집도구를 이용하여 전체 복사가 가능합니다.

 

 

3.

안드로이드 4버전을 대응하기 위해 JMC 플리킹에서 커스텀이벤트도 이용합니다. 터치가 시작될때 이벤트가 호출되어 stop 하는 효과가 있다고 합니다. 

플리킹 초기화하는 부분에서 touchStart라는 커스텀이벤트를 잡아서 아래와 같이 stop 해주면 플리킹 액션의 영향 없이 글자 선택을 막을 수 있습니다.

'touchStart': function(oCustomEvent) {

oCustomEvent.oEvent.stop(jindo.$Event.CANCEL_DEFAULT);

}

 

* 장점 : 터치 시작 시점에 이벤트를 막아줘서 글자 선택 자체가 안됨

* 단점 : 안드로이드 하위 버전 (테스트 폰은 안드로이드2.3.6)에서는 막히지 않고 복사 가능합니다.

[출처] 모바일웹 - 복사방지|작성자 서일영

전체 695건
번호 카테고리 제목 출처 등록일 조회
공지 XE 기능개선 XE 1.11.18 이후 버전의 익명 수정 버그 수정법 xetown  2023.10.07 3205
공지 XE 기능개선 XE 1.11.14 보안패치 - 타인의 쪽지 내용을 확인할 수 있는 버그 패치방법 xetown  2023.10.03 3271
공지 XE 기능개선 XE 1.11.6 이후 보안배치 #4 file rhymix  2022.07.05 3440
공지 1.11.6 XE 1.11.6 이후 보안배치 #3 rhymix  2022.04.02 3385
공지 1.11.6 XE 1.11.6 이후 보안배치 #1 xetown  2021.06.22 3781
공지 1.11.6 XE 1.11.6 이하 에서 공개댓글을 비밀댓글로 변경시 생길 수 있는 오류 수정법 sejin7940  2021.01.10 3706
공지 XE 기능개선 XE 1.11.4 이후에서 파일 업로드시 정상 작동 안 하는 현상 수정법 XE github  2019.04.02 6463
공지 XE 기능개선 php 7.1 환경에서 XE 오류 나는 경우 확인할 사항 sejin7940  2018.07.11 6383
공지 유용정보 php7.2 환경에서 XE 오류가 생기는 경우 - Object 클래스 변경 필요 XE Github  2017.11.27 9960
공지 XE 기능개선 XE 1.8.30 이하에서 반드시 수정해주셔야하는 부분입니다. XE 1.8.31  2017.02.26 7167
공지 1.8.18 XE 1.8.18 에서 사용시 반드시 수정해야할 사항들 ( XE 1.8.20 이후에서는 수정 불필요 ) xetown  2016.04.03 26293
공지 XE 기능개선 XE 1.8.12 이후부터 proc controller 일부가 작동 안 할 경우 확인할 부분 [1] XE  2015.10.16 26204
315 XE 기능개선 비공개 설정한 회원정보가 게시판검색에서 관리자에게도 항목이 안 나타나는 현상 수정 sejin7940  2016.07.21 234
314 유용정보 Filezilla 에서 한글명 파일 또는 디렉토리 가 깨져보이는 경우 행복한 세상  2016.08.02 212
313 다른 XE자료들 타임라인 모듈의 기간설정 부분 설명 sejin7940  2016.08.05 408
312 XE 기능개선 관리자페이지 회원목록에 가입추가항목으로 입력받은 항목을 바로 출력시키고픈 경우 sejin7940  2016.08.09 193
311 XE 기능개선 XE 기반으로 php5 Mysql 5 ( MyISAM) => php7 mariaDB ( innoDB ) 이전하는 그나마 안전한 요령 sejin7940  2016.08.18 578
310 XE 기능개선 ckeditor toobar 항목값들 안내 ckeditor  2016.08.18 311
309 유용정보 정규식 - 숫자(정수/실수) 찾기, 플러스/마이너스 부호, 소수점 검색 mwultong Blog  2016.08.19 850
308 유용정보 스케치북 스킨에서 '이 페이지 나가기" 경고창이 뜨는 경우' 해결법 xe  2016.08.19 254
307 XE 기능개선 사용자정의 에서 설명 란에 태그를 적용하고픈 경우 sejin7940  2016.08.27 297
306 유용정보 네이버페이 vs 카카오페이 sejin7940  2016.08.29 623
305 XE 기능개선 엣지에서 IP주소 가 파란색 및 줄로 나오는 현상 sejin7940  2016.09.01 415
304 유용정보 (Jquery) radio checked 라디오 제어 푸른인연  2016.09.01 248
303 XE 기능개선 댓글 등에서도 ckeditor 상단 툴바 항상 노출시키고픈 경우 sejin7940  2016.09.04 268
» 유용정보 모바일웹 - 복사방지 troopa102  2016.09.07 543
301 유용정보 글 수정시 radio 값들 선택 변경 못하게 stackoverflow  2016.09.09 282
300 XE 기능개선 회원 그룹의 그룹 이미지 마크를 크게 할때 그룹 이미지가 깨져보이는 현상 수정법 sejin7940  2016.09.12 307
299 유용정보 cafe24 10G광호스티에서 php7 / mariaDB 기반시 백업 및 복구 메뉴 없는 것에 대해서 sejin7940  2016.09.14 521
298 XE 기능개선 getDocumentList 함수를 이용해 글목록을 random 으로 추출시키고픈 경우 sejin7940  2016.09.15 412
297 1.8.24 익명 설정을 사용하는 경우, 글쓴이가 자신의 글을 추천 / 비추천 / 신고 할 수 있는 버그  sejin7940  2016.09.18 292
296 php7 (XE 1.8) php7 에서 마이그레이션툴 사용시 에러나는 경우 xetown  2016.09.22 350
XE Login