실제 마우스 클릭 대 시뮬레이션 버튼 클릭?

Question

안녕하세요 Stackoverflow!

document.getElementsByTagName('input')[10].click(); 

:

는 내가 확장이 AJAX 요청을 트리거 할 수있는 페이지 버튼을 클릭 cript 크롬을 받고 실험하고

그러나 그 물리적 버튼은 다음을 사용하는 것과 동일하지 않습니다 말했다됨을 클릭 보인다 작품의 경우 - document.forms 정렬을 사용하여

<input type="submit" value="Continue ..."> 

하지만 불행히도 Ajaxrequest가 클릭 이벤트에 의해 트리거 될 때 발생하는하지 않은 페이지를 다시로드하십시오 getElements 라인의 결과는 이것이다. 양식을 호출

document.forms[1].submit(); 

반환 다음과 같이 .click()를 사용하여, 왜

이

<form 
action="/battle.php" method="post" name="2913" id="2913" onsubmit="get('/battle.php', '', this); 
disableSubmitButton(this); 
return false;">…</form> 

나 같은 초보자 프로그래머에 분명 보이지 않는다; F12 콘솔 (크롬)에서 실제 클릭과 다를 수 있습니다. 또한 화면의 버튼이 실제로 getElementsByTagName ('input')을 호출하는 버튼인지 확인했습니다.

Answer 1

버튼의 유형이 "제출"이기 때문에 페이지가 다시로드됩니다. 페이지를 다시로드하지 않고 양식을 제출할 수있는 "클릭"버튼에 이벤트 핸들러를 연결할 수 있습니다. JQuery와 사용

: 코드를 다음과 같이 보일 것입니다

$('#submitButton').on('click', function(e){ 
    e.preventDefault(); // stops default submit 
    $('#2913').submit(); // or the ID of your form 
}); 

그리고 당신의 HTML은 다음과 같습니다

<input type="button" value="Continue ..." id="submitButton">