preventDefault() và stopPropagation() khác nhau như thế nào?

preventDefault() ngăn hành vi mặc định của browser (submit form, follow link, check checkbox) nhưng không dừng propagation. stopPropagation() ngăn event bubble/capture lên/xuống DOM tree nhưng không ngăn default behavior.

Có thể dùng cả hai cùng lúc.

preventDefault() prevents the browser's default behavior (form submit, following a link, checking a checkbox) but does not stop propagation. stopPropagation() prevents the event from bubbling/capturing up/down the DOM tree but does not prevent the default behavior.

Both can be used together.