코드를 보며 만지던 도중...
form태그안에 onClick가 3개가 있었고,
두개는 날짜를 +- 하는 버튼이였으며, 다른 하나는 다른 페이지로 이동하는 버튼이였음.
 
그런데 날짜를 +- 버튼 둘중 하나를 누른 후, 페이지 이동 버튼을 누르면,
페이지이동만 되는게 아니라 +- 버튼의 클릭 이벤트도 같이 발생하는 신기한 현상이 나타남.
 
해당 코드 처럼 최대한 비슷하게 코드를 짜서 구현 해보았지만, 그런 현상이 발생하지는 않았지만
해결방법이 있어서 이렇게 글을 남깁니다....
 
에러(?)발생:  plus버튼을 누르고, move를 누르면 move와 plus버튼이 같이 먹히는 현상 임
 
JSP

    <form name="frm">
        <input type="hidden" name="dataInclease" value="">

        <button onclick="fnGO('plus')">plus</button>
        <button onclick="fnGO('minus')">minus</button>
        <a href="#" onClick="move()">move</a>
    </form>

 
 
JS

<script>
    var dataInclease = '';
    var test = 0;

    if(dataInclease == 'plus'){
        test++;
    }else if(dataInclease == 'minus'){
        test--;
    }

    function fnGO(inclease){
        var f = document.frm;
        f.dataInclease.value = inclease;
        f.action = 'index2.html';
        f.submit();
        console.log('success');
        console.log(inclease)
    }

    function move(){
        var f= document.frm;
        f.action = 'index.jsp'
        f.submit();
    }
</script>

 
 
이런 경우는 처음 겪어봐서 다양한 시도(삽질)을 엄청나게 하다가 해답이 맞는지 모르겠지만 방법을 한가지 찾음.
 
바로 move함수에서 f.dataInclease.value=inclease 의 값을 초기화 시켜주는 것이였다.
f.dataInclease.value='' ; 코드를 하나 작성 시켜주면 move 버튼을 클릭 하면 plus,minus함수 값이  초기화가 되어서 이후 페이지 이동 버튼을 눌려도 더이상 plus,minus 버튼이 같이 되는경우는 없어짐

  function move(){
        var f= document.frm;
        f.dataInclease.value='';
        f.action = 'index.jsp'
        f.submit();
    }

 
비록 내가 그냥 코드를 작성하고 해본 결과 그러한 현상이 발생하지 않아 결과화면은 보여주지 못하지만..
혹시나 같은현상을 겪고있는 분들의 도움이 되고자 글을 남겨봅니다!

 
복사했습니다!