JSFiddle - React, Tailwind, and code Playground

by wjddyd66

HTML

<ul id="delegation">
  <li><a href="//www.naver.com" target="_blank">네이버</a></li>
  <li><a href="//www.naver.com" target="_blank">다음</a></li>
  <li><a href="//www.naver.com" target="_blank">구글</a></li>
</ul>

<div id="text">

</div>

JavaScript

$(function() {

    $("ul").on("click", "a", function(event) {

        event.preventDefault(); // <a>요소의 클릭시 기본 동작인 링크의 작동을 중지시킴.

        $("#text").append("이 링크는 동작하지 않습니다!<br>");

    });
});