[JS] 클릭,터치 이벤트 동작 안 할때 : (e.preventDefault() 로 중복이벤트 방지

| 문제상황

click이벤트를 사용한 반응형 웹페이지 제작시

데스크탑에서는 정상작동하지만 갤럭시 폰에서 특정버튼에 터치이벤트가 걸리지 않음

= > click touchend 를 줬더니 대부분 동자갛나, 몇개의 터치 이벤트 동작이 안됨

 

| 문제의 코드

 $(document).ready(function () {
               $(".drag_box_inner_btn .box_playlist").on("click touchend ", function () {
                    let img = $(this).find("img");
                    if (img.hasClass("widget_active_bgm")) {
                         img.removeClass("widget_active_bgm");
                    } else {
                         img.addClass("widget_active_bgm");
                    }
               });
          });

| 방법 

| 해결 코드

          $(document).ready(function () {
               $(".drag_box_inner_btn .box_playlist").on("click touchend", function (e) {
                    e.preventDefault();  // 이벤트 중복 방지
          
                    let img = $(this).find("img");
                    if (img.hasClass("widget_active_bgm")) {
                         img.removeClass("widget_active_bgm");
                    } else {
                         img.addClass("widget_active_bgm");
                    }
               });
          });

 

 

e.preventDefault() 사용 하여 중복 이벤트가 발생하지 않도록 처리

 

 

보통 갤럭시에서 되는데 아이폰에서 안되는경우가 허다하지만

이번엔 특이한 상황이어서 뭐가 잘못된건지...
클릭이벤트를 참 많이 걸어봤다..ㅠ 아무튼 해결해서 좋다!