<input type = "image"/>를 (를) 시뮬레이션하려면 어떻게해야하나요?

Question

이 입력 유형을 사용하여 양식을 제출하면 좌표 (x, y)가 결과에 추가됩니다.

동적으로 2 개의 숨겨진 입력을 만들면 작동하지만 뭔가 다른 것을 원했습니다.
이벤트 나 된 MouseEvent가 좋은 것입니다,하지만 난 여기에 내 현재 코드의 IT가

일을 만들 수 없습니다 :

var input = document.createElement("input"); 
input.type = "hidden"; 
input.name = "x"; 
input.value = posx; 
my_form.appendChild(input); 

input = input.cloneNode(false); 
input.name = "y"; 
input.value = posy; 
my_form.appendChild(input); 

내가 당신에게 상황의 예를주지 (그것을 잘 작동합니다)

이미지 양식 요소 근처에 다음과 같은 평이한 텍스트가 있다고 가정 해 봅시다. 아래의 이미지를 20보다 크고 60보다 작은 임의의 위치에서 클릭하십시오.

정상인이 이것을 읽고 정상적으로 클릭합니다.
하지만 손이없는 로봇처럼 동일한 클릭 이벤트를 시뮬레이트해야합니다.

Answer 1

여기에서 무엇을하려하는지 완전히 이해하지 않으면 (질문이 조금 애매합니다, IMO), 다음과 같이 질문해야합니다. JQuery 나 다른 자바 스크립트 라이브러리/프레임 워크 사용을 고려한 적이 있습니까? 가끔은 이해하지만, 아주 간단한 사이트의 경우 과잉입니다. 그러나,이 물건을 스스로 알아내는 것의 두통을 덜어주는 것이 가치가있을 것입니다.

내가 이해할 수있는 것으로부터, "이미지"양식 요소를 사용하여 양식을 제출하고 이미지 요소에 대한 클릭을 시뮬레이트하여 무언가의 x/y 좌표를 검색하려고합니다. 내가 틀렸을 수도있다. 귀하의 세부 사항에 대해보다 명확하게 표현할 수 있습니까?

문제에 대해 더 많이 알았을 때 jQuery에서 어떻게하는지 보여 줄 수 있는지 알 수 있습니다.

Answer 2

결과를 추가하려는 대상을 알 수 없습니다. 양식의 값은? 이것은 자동이며 코드가 필요하지 않습니다 (그들은 x, y 또는 elementname.x와 elementname.y로 나타납니다).

댓글 후 편집 :
그 시점에 요소를 만들지 않아 노드 삽입 이벤트를 피할 수 있습니다. 즉 x와 y를 폼에 추가하십시오. 그런 다음 이벤트에서 간단히 값을 설정할 수 있습니다. 확실히 바인딩 할 수있는 여러 가지 이벤트가 있으며 상황을 알 수는 없지만 페이지 본문에 첨부 된 onClick 이벤트를 사용하는 an example을 만들었습니다. 대신 특정 onClick 이벤트를 다른 클릭 가능한 항목에 바인딩하고 자신의 위치를 ​​삽입 할 수 있지만 내 경우에는 페이지에서 마우스의 위치를 ​​제출할 수 있습니다. 도움이되지 않는다면, 이유에 대해 의견을 말하고 다시 수정할 수 있는지 확인해 보겠습니다.