코드를 보며 만지던 도중...
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();
}
비록 내가 그냥 코드를 작성하고 해본 결과 그러한 현상이 발생하지 않아 결과화면은 보여주지 못하지만..
혹시나 같은현상을 겪고있는 분들의 도움이 되고자 글을 남겨봅니다!