событие для выбора элемента с помощью клавиши Tab

Question

У меня есть простая форма, в которой значения входных тегов меняются, когда я нажимаю на них, используя 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> 

Answer 1

Вам нужен 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> 

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

Answer 2

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

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

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