테스트 사이트 - 개발 중인 베타 버전입니다

onclick 이벤트가 안되는 현상 채택완료

가싱 2년 전 조회 1,564

지금 

 

$(document).ready(function(){

    $("#btn_submit").on("click", function() {

        var m_man = $("#mng_man").val();

        var m_woman = $("#mng_woman").val();

 

        if (!m_man && !m_woman) {

            alert("조회할 남자 또는 여자를 입력하세요");

            return false;

        }

 

        if (m_man && m_woman) {

            alert("남자, 여자 같이 조회는 불가능합니다.");

            return false;

        }

 

        $("#mform").submit();

    });

});

 

이렇게 하여 클릭 이벤트 처리를 하는데

이벤트를 잡지 못하고 새로 고침하면 이벤트 처리가 됩니다.

클릭해서 해당 페이지로 가면 이벤트가 발생을 하지 않고

해당 페이지를 새로 고침하면 이벤트가 발생이 됩니다. 아주 정상적으로....

해서 크롬 devtools로 확인해봐도 아무런 반응이 없습니다.

에러표시도 이벤트 맨 위에 console.log 를 찍어도 나오지 않네요

 

입력하는 사람에게 입력전에 새로고침하라고 하는것도 그렇고 

이런 경우가 처음이라....

 

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

2년 전

button 태그의 타입이 'submit' 으로 되어있거나 없다면 'button' 타입으로 변경하는 것이 좋습니다.

<button id="btn_submit" type="submit" ~ (X)

<button id="btn_submit" type="button" ~ (O)

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
2년 전

https://homzzang.com/b/js-1942

위 게시글 본문의 빨간색글 참고해 보세요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

가싱
2년 전
어렵네요...^^
이것도 한번 시도해보겠습니다.
감사합니다.
s
sinbi
2년 전
적으신 코드의 맨 첫줄을 아래 코드로 바꾸고 테스트 해보세요.
window.addEventListener('DOMContentLoaded', function(){

댓글을 작성하려면 로그인이 필요합니다.

플라이
2년 전

전체적인 소스를 보질 못해 정확히 말씀드리기는 어렵지만 해당 btn_submit이 id값으로 하나만 존재하는지 확인해 보시고요
F12로 오류 부분은 없는지 확인해 보셔야 할듯 합니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

가싱
2년 전
다시한번 확인해보겠습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인