javascript 페이징 처리 클릭 이벤트 걸기

jQuery 버전으로 작성하다가 심심해서 순수 자바스크립트 버전으로 구현해보면 

어떨까 해서 구현해봤습니다. 

 

근데 큰 문제가!! 

 

Internet Explorer 에서는 잘 동작을 안합니다. ㅋㅋ 

 

크롬이나 엣지에서만 동작합니다. 

 

추후 정리해서 정상 동작하는 소스를 공유하려고 합니다. 

<script type="text/javascript">
  document.querySelector(target).addEventListener('click', function(e){
    let $item = e.path[0];
    let $id = $item.id;
    let currPage, pageSize, section;

    if($id === '' || typeof $id === 'undefined'){ // 모바일 더보기
      $item = e.path[1];
      $id = $item.getAttribute('alt');
      currPage = parseInt($id) * paingObj.dataPerPage + 1;
      pageSize = currPage + 9;
      section = 'MOBILE';

    } else { // PC 페이징
      if($id === 'next') currPage = paingObj.next;
      else if($id === 'prev') currPage = paingObj.prev;
      else currPage = parseInt($item.textContent);

      pageSize = currPage * paingObj.dataPerPage;
      currPage = currPage * paingObj.dataPerPage - 9;
      section = 'PC';
    }

    window[callback](currPage, pageSize, section); // 콜백 실행
  });
</script>