событие для выбора элемента клавишей Tab

0

У меня есть простая форма, в которой значения входных тегов меняются, когда я нажимаю на них, используя onclick="foo();" , Проблема в том, что при Im-тестировании я, естественно, нажимаю вкладку, чтобы перейти к следующему полю ввода, и это не вызывает onClick. Я попробовал onselect и пару других безрезультатно. Любая помощь будет высоко оценен.

Пример:

<input name="user" type="text" value="username" style="color: grey;" onEnter="javascript:clear_input(this)"></input><br>
<input name="pass"type="text" value="password" style="color: grey;" onClick="javascript:clear_input(this); hide_input(this);"></input><br>
Теги:

2 ответа

2
Лучший ответ

Вам нужно событие onfocus, это будет обрабатывать как щелчок, так и вкладку в элемент.

<input onfocus="clear_input(this)" />

Кроме того, вам не нужен ярлык javascript: В любом случае браузер просто игнорирует его:

<input name="pass"type="text" value="password" style="color: grey;" onfocus="clear_input(this); hide_input(this);"></input>

И, наконец, вы должны прочитать на ненавязчивом Javascript, что это такое и как он спасет головные боли в будущем :)

  • 2
    Это сделает работу. Но технически onfocus обрабатывает только событие focus . Щелчок по полю вызывает события как focus и click когда элемент не был сфокусирован, а click , только если элемент уже сфокусирован.
  • 0
    Я думаю, что покрыл это формулировкой « кликни, а не кликни», но, тем не менее, это хорошее разъяснение.
Показать ещё 1 комментарий
1

Думаю, вы можете использовать событие onfocus. Он работает даже для кликов или вкладок.

  <input type="text" onfocus="myFunction()">

Думаю, это было бы полезно.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню