본문 바로가기
728x90
반응형
SMALL

IT/JavaScript22

삭제된 스크립트의 코드는 수행할 수 없습니다. (feat. deep copy 속도 비교) JavaScript Object 대입은 '참조' 이다. var orgObj = {name:'kim', hobby:'singing'}; var copyObj = orgObj; copyObj.hobby = 'listening'; console.log(orgObj); console.log(copyObj); 위 코드에서 결과는 둘다 {name: "kim", hobby : "listening"} 이 된다. 참조이기 때문에... 그래서 우리는 deep copy 를 통해 JavaScript 의 Object 를 copy 한다. 프로젝트를 수행하다 보니 예상치 못한 곳에서 deep copy 가 필요한 것을 확인 했다. 상황은 이렇다. 1. A.jsp 에 iframe 이 있다. 2. A.jsp 에서 특정 버튼 클릭 시 i.. 2019. 5. 30.
JavaScript Event 전파 중단 event.preventDefault(); // 현재 이벤트 기본 동작 중단 event.stopPropagation(); // 현재 이벤트가 상위로 전파되지 않도록 중단 event.stopImmediatePropagation(); // 현재 이벤트가 상위뿐 아니라 현재 레벨에 걸린 다른 이벤트도 동작하지 않도록 중단 return false; // jQuery 사용 시 preventDefault, stopPropagation, 미사용 시 preventDefault 와 같음 2018. 10. 22.
자바스크립트 스크롤 아래로, 위로 아래로 : document.body.scrollTop = document.body.scrollHeight;특정 DIV 의 스크롤 아래로 : document.getElementById('targetId').scrollTop = document.getElementById('targetId').scrollHeight;위로 : document.body.scrollTop = 0;특정 DIV 의 스크롤 위로 : document.getElementById('targetId').scrollTop = 0; 2014. 5. 20.
뒤로가기, 새로고침, 우클릭, 드래그, 복사 막기 // 뒤로가기 방지window.history.forward(1); // 우클릭방지oncontextmenu='return false' // 드래그 방지ondragstart='return false' // 선택복사 방지onselectstart='return false' //새로고침, 뒤로가기 막기document.onkeydown = function(e) { key = (e) ? e.keyCode : event.keyCode; if(key==8 || key==116) { if(e) { e.preventDefault(); } else { event.keyCode = 0; event.returnValue = false; } }}//오른쪽마우스 막기document.oncontextmenu = function(e){.. 2014. 3. 11.
728x90
반응형
LIST