웹 사이트에서 어떤 일을 하려고 시도하지 못하게 막으려고 하지만, 막으려고 하는 것은 일반적으로 할 수 있는 표준활동입입니다. 페이지에서 텍스트를 강조 표시하거나 마우스 오른쪽 버튼을 클릭하여 복사하거나 마우스 오른쪽 버튼을 클릭하여 새 탭에서 이미지를 검색하거나 열 수 있습니다.
이러한 작업을 못하게 하기 위해 약간의 Javascript를 넣은 일부 웹 사이트를 보았습니다. Javascript를 해제하여 쉽게 돌아 다닐 수 있기 때문에 멈추는 데 시간을 낭비하는 이유를 잘 모르겠습니다. 단지 방문자는 성가실 뿐입니다.
그런 다음 팝업 상자와 같은 Javascript로 볼 수 있는 다른 성가신 것들에 대해 생각했습니다. 이러한 작업을 수행하는 데 필요한 성가신 일과 기능을 문서화해보았습니다. 웹 사이트에서 이것을 사용하지 않기를 희망하지만 jQuery로 할 수있는 성가신 일들에 대해 알아 보는 것은 재미 있습니다.
오른쪽 클릭 비활성화
방문자가 사이트를 마우스 오른쪽 버튼으로 클릭하지 못하게 합니다.
function disableRightClick(){
$(document).bind("contextmenu",function(e){
return false;
});
}
브라우저 크기 변경 멈추기
크기 조정시 브라우저 크기를 변경하십시오.
function alwaysKeepFullScreen(){
window.resize(function(){
window.resizeTo(1024, 768);
});
}
페이지 자동 새로고침
페이지로드시 호출하면 60 초마다 페이지를 새로 고치는 기능입니다.
function refreshPage(){
setTimeout(function(){window.location = window.location;},
1000*60);
}
창을 닫으면 유저에게 알려주기
사용자가 창 디스플레이를 닫으면 원하는 메시지가 표시됩니다.
function makeSureOfExit(){
$(document).unload(function(){
if(confirm('Are you sure you want to exit?')){
return true;
}
return false;
});
}
방문자 클립 보드 전용 IE에 URL 복사
function copyUrlToClipboard(){
var url = location.href;
window.clipboardData.setData('url',url);
}
특정 해상도로 창 크기 조정
방문자의 창 크기를 조정합니다.
function resizeWindow(){
window.resizeTo(800,600);
}
Iframe에서 넣기
이 페이지를 iframe에 배치 할 수 없는지 확인합니다.
function outIframe(){
if (parent.frames.length > 0) { top.location.replace(document.location); }
}
Ctrl 키 비활성화
사용자가 바로 가기를 사용하여 텍스트를 복사하여 붙여 넣지 못하게합니다.
function disableCtrlKey(){
$(document).keypress(function(e){
if(e.ctrlKey){
return false;
}
});
}
모든 오류 메시지 제거
오류 메시지가 페이지에 표시되지 않도록 합니다.
function stopErrorMessages(){
$(document).error(function(){
return false;
})
}
모든 링크를 새 창에서 열기
페이지의 모든 링크가 새 창에서 열리도록해야합니다. 매우 성가실 수 있습니다.
function linksInNewWindow(){
$("a").removeAttr("target").attr("target", "_blank");
}
방문자가 이미지를 드래그하여 복사 중지
function stopImageDrag(){
$("img").bind("dragstart",function(e){
return false;
});
}
스크롤 비활성화
function disableScrolling(){
$(document).bind("scroll",function(e){
$('html, body').animate({scrollTop : 0},200);
});
}
'SW > JavaScript' 카테고리의 다른 글
Web, jQuery : 부분 페이지 자동 로드 메소드 : 예제, 구현, 사용 방법 (0) | 2020.03.30 |
---|---|
JavaScript, jQuery : 셀렉트박스 값 가져오기 : 예제, 구현, 방법 (0) | 2020.03.27 |
JavaScript, jQuery : 내부 링크로 부드럽게 스크롤 이동하기 : 방법, 예제, 구현 (0) | 2020.03.25 |
JavaScript, jQuery : 이미지 로딩 오류 처리 방법 : 예제, 구현 (0) | 2020.03.24 |
JavaScript, jQuery : 키 입력 폼을 비활성화하는 방법 : 예제, 구현 (0) | 2020.03.23 |