본문 바로가기
728x90
320x100
SMALL
[JavaScript] 이벤트 전파 중단하는 방법(버블링) 이벤트전파과정? 이벤트가 발새앟면 해당 객체의 이벤트 처리기를 호출하고, 해당요소와 조상요소에 등록된 모든 이벤트처리기가 호출함. 브라우저는 자식요소부터 부모요소 부모의 부모요소까지 올라갔다가 다시 타겟요소까지 내려오면서 해당 이벤트에 반응하는 이벤트 처리기나, 리스너가 등록되어있는지 확인하고 발견되면 기억했다 실행함 캡처링 - 윈도우 -> dom ->이벤트(이벤트리스너보다 먼저 실행) 타깃 - 이벤트타깃에 전파 버블링 - 타깃에서 시작해 윈도우까지 전파 버블링? 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작하는 현상을 말하는데, 이 동작이 가장 최상단의 조상 요소를 만날 때까지 반복합니다 이런것을 마치 물속안에 있는 거품과 닮았다고 해서 버블링이라.. 2023. 8. 8.
[JavaScript] if문에서 '==' 과 '==='의 차이 == 데이터 값만 같은지 체크 === 데이터 값과 타입이 같은지 체크 var x = 2; var y = "2"; if(x==y){ console.log("same"); } else { console.log("false"); } if(x===y){ console.log("same"); } else { console.log("false"); } 결과 값은 same과 false가 나올것이다 왜냐하면 x의 type은 number고 y는 string 이기 때문이다. 2023. 7. 11.
[jQuery] $.cookie 사용법 쿠키(cookie)와 세션(session) http(하이퍼텍스트)의 일종으로 웹사이트에 방문할때 사용자가 웹브라우저를 통해 user의 컴퓨터 등 기기에 설치되는 작은 기록정보 파일을 말합니다. 이 기록은 인터넷사용자가 그 웹사이트를 방문할때마다 읽히고, 수시로 새로운 정보로 바뀝니다. 이것때문에 스파이웨어를 통해 유저의 브라우징 행동을 추적하는 식으로 악용될 수 있음 구조 이름, 값, 속성 동작순서 사용자가 웹사이트에 들어오면 웹서버에서는 쿠키를 생성하고, 거기에 정보를 담아서 http 화면을 돌려줄 때 같이 클라이언트에게 돌려준다. 개발자 모드의 쿠키스에 들어가면 그 내용을 확인할 수 있다. //쿠키 생성 $.cookie('key','value',{expires: 1, //유효기간 path:'/' //.. 2023. 7. 11.
[jQuery]제이쿼리 공식문서사이트 https://api.jquery.com/ jQuery API Documentation jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new t api.jquery.com 제이쿼리 자바스크립트 라이브러리 중 하나 html문서 순회 , 이벤트 처리, Ajax를 훨씬 더 간단하게 처리 가능 제이쿼리 공식화면이다 .. 2023. 7. 5.
[JAVAScript]onsubmit 서브밋하기전에 자바스크립트 액션주기 도서 등록 도서 코드 도서 제목 저자 가격 도서 내용 ${vo.content} 폼 액션 하기전에 온서브밋을 걸면 스크립트 펑션을 불러올 수 있다. 잘 돌아가는 것을 알 수 있다. 2023. 2. 15.
[JAVAScript]id, value, focus https://hyejin283.tistory.com/285 [JSP] JSP안에 있는 내장 객체(request) 테이블 생성 create table member( id varchar2(20) primary key, pwd varchar2(20) not null, name nvarchar2(10) not null, mobile varchar2(20), regDate date default sysdate ); insert into member values('sugyungeeJJang','1234','홍길동',null,sysdate); ins hyejin283.tistory.com 여기있는 폼을 이용해서 만들어보겠다. 아이디 : 암 호 : const 안에 엘리먼트를 담고 그 벨류값이 비었으면 입력해주라고 쓰.. 2023. 2. 9.
[JAVAScript]자바스크립트, html,css 웹에서 확인하는 코드 번역 사이트 https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 왼쪽에 start Coding을 누르면 2023. 2. 9.
[JAVAScript]설문조사하기 설문 조사 이름 연령 10대이하 20대 30대 40대 50대 60대이상 좋아하는 색상 빨강 주황 노랑 초록 파랑 남색 보라 검정 핑크 풀색 똥색 설문 조사 결과 이름 : 연령 : 당신이 좋아하는 색상은 이전 2023. 2. 8.
[JAVAScript]이전으로 돌아가기 이전 하면 그 전 화면을 그대로 넘길 수 있다 (개꿀팁) 2023. 2. 8.
728x90
반응형
BIG

티스토리툴바