TIL230213πŸ“‘JS)Element.closest()

seunghye joΒ·2023λ…„ 2μ›” 13일
JavaScriptMegabyteSchoolTILκ°œλ°œμžμ·¨μ—…λΆ€νŠΈμΊ ν”„κ΅­λΉ„μ§€μ›κ΅μœ‘λ‚΄μΌλ°°μ›€μΉ΄λ“œλ©”κ°€λ°”μ΄νŠΈμŠ€μΏ¨νŒ¨μŠ€νŠΈμΊ νΌμŠ€
0

javascript

λͺ©λ‘ 보기
12/14
post-thumbnail

.closest()πŸ’‘

  • μš”μ†Œ.closest(μ„ νƒμž)
  • μš”μ†Œμ˜ μ‘°μƒμš”μ†Œλ“€ 쀑 μ„ νƒμžμ™€ μΌμΉ˜ν•˜λŠ” κ°€μž₯ κ°€κΉŒμš΄ μ‘°μƒμš”μ†Œλ₯Ό λ°˜ν™˜
  • μΌμΉ˜ν•˜λŠ” μš”μ†Œκ°€ μ—†λŠ” 경우 null값을 λ°˜ν™˜

πŸ§‘ν™œμš©μ˜ˆμ‹œ

λͺ¨λ‹¬μ˜ μ™ΈλΆ€ 배경을 눌러 λͺ¨λ‹¬μ°½μ„ λ‹«λŠ” κΈ°λŠ₯을 κ΅¬ν˜„ν•  λ•Œ .closestλ₯Ό μ‚¬μš©ν•˜κΈ°λ„ ν•œλ‹€

μ‘°μƒμš”μ†Œ 쀑 μ§€μ •ν•œ μ„ νƒμžμ™€ μΌμΉ˜ν•˜λŠ” μš”μ†Œκ°€ μ—†λŠ” 경우 null값을 λ°˜ν™˜ν•˜λŠ” νŠΉμ§•μ„ μ΄μš©ν•˜μ—¬
λͺ¨λ‹¬μš”μ†Œμ˜ 클래슀λͺ…μœΌλ‘œ νƒμƒ‰ν•˜μ—¬ null값을 λ°˜ν™˜ν•˜λ©΄ λͺ¨λ‹¬μ°½μ΄ λ‹«νžˆλ„λ‘ ν•˜λ©΄ λœλ‹€ !

λ§ˆμΉ˜λ©°πŸ™Œ

사싀 λͺ¨λ‹¬ μ°½ λ‹«λŠ” λ‘œμ§μœΌλ‘œλŠ” e.target === e.currentTarget을 더 μ• μš©ν•˜μ§€λ§Œ(🀧)
κ·Έλž˜λ„ .closest()λŠ” λ‹€λ₯Έλ°©ν–₯μœΌλ‘œλ„ μœ μš©ν•  곳이 λ§Žμ„ 것 κ°™μœΌλ‹ˆ 일단 λ©”λͺ¨λ©”λͺ¨!πŸ“‘

profile
seunghye jo
ν”„λ‘ νŠΈμ—”λ“œ 개발자 μ„±μž₯일기 πŸ’­
이전 포슀트

TIL230207πŸ“‘SwiperJS μ΄μŠˆν•΄κ²°

λ‹€μŒ 포슀트

TIL230216πŸ“‘JS)비동기(Asynchronous)

0개의 λŒ“κΈ€