front/JS

[JS] event.preventDefault(); (:: 클릭 λ™μž‘ μ€‘λ‹¨μ‹œν‚΄.)

λ°°κ³ νŒŒμš” 2023. 7. 18. 15:59
728x90

 πŸ“  간단  상황  μ„€λͺ…   

더보기

πŸ“ μ†ŒμŠ€μ½”λ“œ μˆ˜μ •ν•˜λŠ”λ° μ²΄ν¬λ°•μŠ€ 클릭 μ•ˆ λ˜λŠ”??...  (:: 클릭 ν‘œμ‹œκ°€ μ•ˆ λ‚˜μ˜€λŠ”??) μ•„μ£Ό μ΄μƒν–ˆμŒ..

  • κ·Έλž˜μ„œ jQuery 둜 μ½˜μ†”μ— μ°μ–΄λ΄€λŠ”λ°,
  • λ‘œλ“œκ°€ λ‹€ 된 후에 "개발자λͺ¨λ“œ"μ—μ„œ 
    • $("input[name=testcheckbox]").attr("checked", true);
    • μ΄λ ‡κ²Œ ν–ˆμ„ λ•ŒλŠ” 잘 λ˜λŠ”λ°, 아무리해도 checkbox 에 checked κ°€ μ•ˆλ˜λŠ” κ²ƒμž„...
  • js μ†ŒμŠ€μ—μ„œ $(this).is(:checked);  둜 확인해봐도 계속 λˆ„λ₯΄λ©΄ trueκ°€ λ‚˜μ˜€λŠ” κ±°μž„... 
  • ν΄λ¦­ν•˜λ©΄ μž‘λ™μ„ ν•˜κΈ°λŠ” ν•˜λŠ”λ°???
    • 근데 νŽ˜μ΄μ§€μƒμ—μ„œλŠ” "체크"ν‘œμ‹œκ°€ μ•ˆ 뜸... γ… γ… γ… γ… γ… γ… γ… γ… γ… γ… γ… 
  •  

 

 

πŸ“ event.preventDefault()  ?

  • μ–΄λ–€ 이벀트λ₯Ό λͺ…μ‹œμ μœΌλ‘œ μ²˜λ¦¬ν•˜μ§€ μ•Šμ€ 경우,
  • ν•΄λ‹Ή μ΄λ²€νŠΈμ— λŒ€ν•œ λΈŒλΌμš°μ €μ˜ κΈ°λ³Έ λ™μž‘μ„ μ‹€ν–‰ν•˜μ§€ μ•Šλ„λ‘ μ§€μ •.
  •  κΈ°λ³Έ 클릭 λ™μž‘μ„ λ§‰λŠ” 것을 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.
  • λ§ν¬λ‚˜ μ²΄ν¬λ°•μŠ€κ°€ μ„ νƒλ˜μ§€ μ•ŠλŠ” 것을 ν™•μΈν–ˆμŠ΅λ‹ˆλ‹€.

 

 

 

πŸ“ ?

  • γ…‡γ…‡

 


좜처 : 

https://velog.io/@hang_kem_0531/JS-event.preventDefault-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0

https://pa-pico.tistory.com/20

https://develop-sense.tistory.com/71


개발 곡뢀λ₯Ό μœ„ν•œ λΈ”λ‘œκ·Έ μž…λ‹ˆλ‹€. 

였λ₯˜κ°€ μžˆλ‹€λ©΄ λŒ“κΈ€λ‘œ μ•Œλ €μ£Όμ„Έμš”! 

κ°μ‚¬ν•©λ‹ˆλ‹€.

728x90