클릭 한 요소의 ID를 확인하는 방법 js

Question

클릭 된 요소의 ID가 '대상'이라고 말하면 어떻게 확인할 수 있습니까?

나는 실제로 텍스트 필드를 클릭하면 주석 폼을 표시하고 숨기고 사용자가 폼을 클릭하면 그것을 숨길 수 있습니다. 문제는 사용자가 제출 단추를 클릭하면 양식이 숨겨지고 아무 것도 보내지지 않는다는 것입니다. 그래서 제출 버튼 id가 클릭 된 요소와 일치하는지 확인하고이 경우에는 숨기지 않아야합니다.

레일즈에서 remote_form_for, onblur 및 onfocus 이벤트를 사용 중입니다.

이것은 내가 보여주고있는 나의 더 큰 형태입니다.

<div id="bigArea" style="display:none"> 
<% remote_form_for @horses do |f|%> 
<%= f.text_area :description, {:onBlur=>"{$(bigArea').hide();$('smallField').show();}"} %> 
<%= f.submit "Submit"%> 
<% end %> 
</div> 

그리고이 필드는 클릭 할 때마다 숨기는 작은 양식 필드입니다.

<div id="smallField"> 
<%= text_field_tag 'sth',"Click to comment, {:onFocus=>"$('bigArea').show();$('smallField').hide();"} %> 
</div> 

제 질문은 사용자가 제출 버튼을 클릭 할 때 양식을 숨기려면 어떻게합니까? 어떤 요소의 ID를 클릭했는지 확인해야한다고 가정합니다. 버튼의 ID를 제출하면 양식을 숨기면 안됩니다. 아니면이 모든 것을 할 수있는 다른 방법이 있을까요?

나는 모든 답변에 크게 감사 할 것입니다.

Answer 1

자바 스크립트에서 요소의 id 속성을 사용하여 연관된 ID를 읽을 수 있습니다. 아래 예제를 살펴보십시오. 그래서 당신은 속성을 얻은 다음 그 ID를 검사 할 수 있습니다. 아래 예제에서 ID는 이이고 id는 foo입니다. this.id == 'foo'이 true를 반환하면 알림이 표시됩니다. 당신은 내가 당신의 응용 프로그램이 현재 작동하는 방법을 알려 주시기 바랍니다 수 http://www.howtocreate.co.uk/tutorials/javascript/domstructure