Как вызвать события мыши в текстовом поле

Question

Я хочу сфокусироваться на текстовом поле при наведении курсора.Как это сделать?Теперь мой код выглядел следующим образом

  <div class='label_input'>
    <%= f.label :username %>
    <%= f.text_field :username %>
    <div class='clearfix'></div>
  </div>

Ожидается аналогично коду HTML

<input type="text" onmouseover="this.focus()"></input>

Answer 1

Вы можете передать onmouseover на text_field ( документы ).

Answer 2

<div class='label_input'>
  <%= f.label :username %>
  <%= f.text_field :username, onmouseover: "this.focus()" %>
  <div class='clearfix'></div>
</div>

Answer 3

Иногда я просто пропускаю erb и пишу html

. Вы можете попробовать:

<div class='label_input'>
    <%= f.label :username %>
    <input id="user_name" name="user[name]" size="30" type="text" onmouseover="this.focus()"></input>
    <div class='clearfix'></div>
  </div>

Я считаю, что в некоторых случаях помощники вида rails становятся более громоздкими, чем html.Итак, используйте то, что проще всего.

Этот способ действительно полезен при обновлении полей выбора с помощью javascript.