как я могу проверить идентификатор элемента, по которому щелкнули

Question

как я могу проверить, является ли идентификатор элемента, по которому щелкнули, скажем, «целью».

То, что я пытаюсь сделать, это на самом деле показать и скрыть форму комментария при нажатии в текстовом поле и скрыть ее, когда пользователь щелкает форму. проблема в том, что если пользователь нажимает кнопку «Отправить», форма скрывается и ничего не отправляется. поэтому я должен проверить, соответствует ли идентификатор кнопки отправки выбранному элементу, и не скрывать его в этом случае.

Сейчас я использую ruby ​​на рельсах: события 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>

Мой вопрос: как я могу запретить скрывать форму, когда пользователь нажимает кнопку отправки? Я полагаю, я должен проверить, какой идентификатор элемента была нажата. и если это отправить идентификатор кнопки, я не должен скрывать форму. Или, может быть, есть какой-то другой способ сделать все это?

Буду очень признателен за любые ответы!

Answer 1

В javascript вы можете использовать атрибут id для элемента, чтобы прочитать связанный с ним идентификатор, взгляните на пример ниже. Таким образом, вы можете получить атрибут, а затем проверить его идентификатор, в приведенном ниже примере мы получаем идентификатор this , который будет div, у которого есть идентификатор foo. Так как this.id == 'foo' вернет true, он покажет нам предупреждение.

<div id = "foo" onclick="if(this.id == 'foo'){alert('Guess What everyone This div has an id of Foo')};">
    hello
</div>

Проверьте больше атрибутов DOM, которые вы можете получить здесь: http://www.howtocreate.co.uk/tutorials/javascript/domstructure