Hello backEnd

  • 홈
  • 태그
  • 방명록

잡다한 기능들/javascript 2

createElement 에서 Onclick시 가변 변수 전달하기

만들어진것.onclick = (function(index) { return function() { 변수를받을함수(index); }; }(보낼변수));

잡다한 기능들/javascript 2022.02.15

Ajax를 통해 불러온 데이터에 클릭 이벤트 바인딩하는법

ajax를 통해 불러온 데이터는 기존에 사용하던 방법으로는 이벤트를 바인딩하지 못한다. 그래서 ajax를 만들 때에 하드코딩으로 바로 event를 넣어버리는 경우가 있는데, event는 따로 javascript태그 안에 만들어 두는 것이 유지보수나 가시성에서 편리하다. 따라서 다른 방법으로 바인딩하는 것이 좋다. $(document).on('click', '클래스명 혹은 id', function(){ 이벤트 내용. }); 이렇게 하면 javascript로 만들어진 값에 클릭 이벤트를 넣을 수 있고, 당연히 ajax로 불러온 데이터도 가능하다. 참고로 click 이벤트 이외에도 여러 이벤트를 바인딩 할 수 있다. 자주 쓰이는 이벤트를 적자면 이벤트명 용도 mouseover 마우스가 올라왔을 경우 mouse..

잡다한 기능들/javascript 2021.08.05
1
더보기
프로필사진

반응형
  • 분류 전체보기 (397)
    • 잡다한 기능들 (8)
      • DB (4)
      • javascript (2)
      • 백엔드 관련 (1)
    • 알고리즘 공부 (130)
      • 위클리 챌린지 (13)
      • COS Pro 1급 모의고사 답안 (11)
    • 백엔드 공부 (29)
      • Golang (3)
      • Spring Boot (15)
      • Git (1)
      • 에러정리 (3)
      • JSP (4)
    • 이론 정리 (166)
      • GraphDB (1)
      • java (60)
      • Spring boot (15)
      • 대규모 시스템 설계 (8)
      • Golang (7)
      • 인프라 (14)
      • HashiCorp (5)
      • Database (19)
      • 컴퓨터 구조 (7)
      • AI (3)
    • practice (2)
    • 기타 (37)
      • IT관련 정보 (8)
      • 일상 (26)

Tag

solution, 티스토리챌린지, 오블완, 프로그래머스, 자바, 백준, 후기, 알고리즘, 위클리, spring, Golang, spring boot, 차이, Go, 풀이, 고, jpa, BOJ, java, cos pro,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바