자바스크립트 클릭 이벤트
본문
자바스크립트 클릭 이벤트가
.click(); 이잖아요
그럼 이걸 메뉴에 적용 시키는데 세번 째 클릭했을 때 뜨게끔 하려면 어떤 방법이 있을까요..??
답변 2
<button class="btn">버튼1</button>
<button class="btn">버튼2</button>
<button class="btn">버튼3</button>
<script>
$(function() {
$('.btn:eq(2)').on('click', function() {
alert('a');
});
});
</script>
$(function() {
$('.top-bar > .menu-box > .flex > li > *:eq(3)').on('click', function() {
Popup1__show();
});
});
님의 코드로 이렇게 접목시켜 성공했습니다! 혹시 그런데 버튼 1 2 3 을 눌렀을 때말고 버튼 1을 세번 클릭해도 이벤트가 적용되도록 할 수도 있을까요...??
<script>
let cnt = 1;
$(function() {
$("#btn").on("click", function() {
if (cnt == 3) {
// 세번째 클릭시 이벤트 처리 구문
}
cnt++;
}
}
</script>
이렇게 하면 되지 않을까 싶은데 직접해 보시죠.
답변 감사드립니다. 위의 코드를 적용했는데 세번째 클릭을 통해서 Popup1__show(); 라는 팝업 창이 떠야하는 이벤트 였는데 어디다가 넣어야 할지 모르겠어서 안나오더라구요. 좀 더 공부해보면 알게되겠죠..? 답변 감사합니다!