뒤로가기 버튼 등을 만들 때 이전 페이지로 이동하는 것을 원하지만 단순히 이전 페이지로 뒤로가기하는 것이 아닌 이전 페이지의 URL로 진행시키고 싶을 경우 document 객체에는 referrer 프로퍼티가 있는데 이 리퍼러 프로퍼티가 이전 페이지의 URL 정보를 가지고 있다. 이 리퍼러 프로퍼티를 사용하여 이전 페이지 URL로 진행시키면 된다. window.onload = function(){ let back = document.querySelector('#back'); back.addEventListener('click', function(){ location.href = document.referrer; }); }
웹 페이지에서 입력 칸에 무언가 입력한 뒤에 엔터키를 입력하면 페이지가 이동하는 등의 이벤트를 주고 싶을 때 keydown 이벤트를 활용할 수 있다. 이벤트를 처리할 때 함수의 파라미터로 event가 넘어오는데 이곳에 입력한 키의 정보가 담겨있다. 키마다 각각 번호가 있는데 그중 keyCode == 13 이 엔터키를 뜻한다. 주의할 점은 event 파라미터는 자동으로 생성되는 것이지만 함수의 파라미터에 변수명이 어찌됐든 함수에 반드시 변수명을 명시해주어야한다는 점이다. window.onload = function(){ let textInput = document.querySelector('#textInput'); textInput.addEventListener('keydown', function(e){ ..
jQuery ajax에서 data의 key값을 동적으로 할당하고 싶을 경우 다음과 같이 작성할 수 있다. function ajaxTest(){ var testData = {}; testData["key값"] = "value값"; // key로 사용하고 싶은 값을 가져온다. var testkey = $('#testId').val(); testData[testKey] = "value값"; $.ajax({ url : '경로', type : '방식', data : testData, success : function(res){ if(res == "SUCCESS"){ alert("성공!"); } }, err : function(err){ alert(err.status + " : " + err.statusTest);..
