자바스크립트 이벤트

[ JS ] Event 정리

Mouse Event 1. MouseEvent.button 마우스 이벤트 객체의 버튼 프로퍼티를 활용하면, 마우스 버튼을 눌렀을 때 일어난 이벤트에 대해서 어떤 버튼을 눌러서 일어난 이벤트인지를 정확하게 알아낼 수 있다! 값 내용 0 마우스 왼쪽 버튼 1 마우스 휠 2 마우스 오른쪽 버튼 3 X1 (일반적으로 브라우저 뒤로 가기 버튼) 4 X2 (일반적으로 브라우저 앞으로 가기 버튼) 이때, mouseenter, mouseleave, mouseover, mouseout, mousemove 처럼 마우스 이동과 관련된 이벤트에서는 이 값이 null이나 undefined가 아니라 0 입니다! 2. MouseEvent.type 이벤트 타입 내용 mousedown 마우스 버튼을 누르는 순간 mouseup 마우스 ..

[JavaScript] JS와 jQuery를 사용하여 Flask에서 데이터를 json으로 받아 사용하기

2021.12.24 - [Study/JavaScript] - [JavaScript] Ajax에 대하여 [JavaScript] Ajax에 대하여 현재 프로젝트를 진행하며 데이터를 받아올 때 새로고침이 되는 부분을 새로고침이 안되게 바꾸고 싶어 찾아보니 Ajax라는 것을 사용하면 된다고 하여 학습한 후 정리해보겠습니다. Ajax란? Ajax란 programmers-sosin.tistory.com 저번 게시글에서 말했듯이 새로고침을 하지 않고 리스트를 출력하게 하고 싶어 jQuery와 JS를 사용하여 Json 데이터를 활용해보겠습니다. JS와 jQuery를 사용하여 Flask에서 데이터를 json으로 받아 사용하기 일단 Flask에서 현재 Mongodb에 있는 데이터를 가져오고, 그것을 json으로 변환해보겠..