Вопросы Теги

Клавиша Tab не работает во всплывающем окне в расширении chrome

Я создал расширение для хрома, в котором есть всплывающее окно со следующей HTML-разметкой:

<html>
<head>
<style>
body {
font-family: 'Open Sans',arial,sans-serif;
background-color: #E5E5E5;
font-size: 13px;
text-shadow: 0px 1px rgba(255, 255, 255, 0.5);
}
</style>
</head>
<script type="text/javascript">function sendRequest(s,r){
chrome.tabs.getSelected(null, function(tab) {
  chrome.tabs.sendRequest(tab.id, {search:s , replace:r}, function(response) {
    console.log(response.farewell);
  });
});
};
</script>
<body>

<label for="search">Search for</label><input name="search" id="search"></input>
<label for="replace">Replace with</label><input name="replace" id="replace"></input>
<button onclick="var s=document.getElementById('search').value;var r=document.getElementById('replace').value;sendRequest(s,r);">Go</button>
</body>
</html>

Когда я открываю окно, выбираю первое поле ввода и затем нажимаю клавишу tab, поле ввода теряет фокус, но второе поле не получает фокус.

Если я снова выберу первое поле ввода и еще раз нажму клавишу табуляции, второе поле получит фокус. При повторном нажатии кнопка приобретает фокус, а при третьем нажатии первое поле снова приобретает фокус.

Кто-нибудь знает, почему первое нажатие клавиши табуляции не срабатывает?

9
задан Wladimir Palant 30 January 2012 в 19:24
поделиться