2012-01-30 49 views
9

我已經創建了一個與在它下面的HTML標記,彈出一個瀏覽器擴展程序:Tab鍵,在彈出的不是工作在Chrome擴展

<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鍵,輸入字段失去焦點,但第二個沒有獲得焦點。

如果我再選擇第一個並再次按下標籤,則第二個字段獲得焦點。再按一次可使按鈕增益聚焦,第三次按則使第一個場增益再次聚焦。

有誰知道爲什麼第一個標籤按鍵不起作用?

+0

Unfortunatley我不能回答你的問題(這真的很奇怪,我不知道發生了什麼事情?),但繼承人與tabbing做了幾個指針。如果你關心Tab鍵,應該使用tabindex,你應該把重點放在頁面加載上,並且你應該把一些不可見的東西放在最後一個tabindex上,這樣可以把焦點轉移到第一個元素或者它進入瀏覽器的東西。下面是添加信息頁面的示例。http://pastebin.com/2izkBt7g(在頁面中工作,不彈出?)另外,當使用Chrome發佈Probs時,您最好說出您的測試版本in。 – PAEz 2012-01-31 08:37:52

+0

嗨弗拉基米爾。非常感謝小費。我在彈出窗口中實現了這一點,並使用Chrome 17.0.963.46 beta-m。不幸的是,光標在第一個tab鍵按下後仍然消失。加載彈出窗口後,我可以成功獲取第二個tabindex,但第二次按鍵會再次導致丟失的光標。 你認爲這可能只是Chrome的一個bug? – forgetso 2012-01-31 18:52:51

+0

它適用於我,穩定版本。光標不會消失,一切都按照您期望的方式工作。 – 2012-02-02 20:47:24

回答

6

參閱Chrome的bug報告在這裏:http://code.google.com/p/chromium/issues/detail?id=122352

編輯:修復,目前在加那利構建實現26.0.1408.1(正式版本181614)在此編輯的時間。

+0

感謝您的信息 – forgetso 2012-09-22 21:15:45

+0

節省了我很多時間:)謝謝 – akshob 2013-02-18 06:41:54

+1

錯誤回來了,還沒有被修改:https://code.google.com/p/chromium/issues/detail?id=122352 – Loren 2013-09-04 01:01:35

0

這似乎在Chrome版本32.0.1700.76米。

我從來沒有見過它爲我的TxtPad擴展工作正常,但今天它在鉻更新後工作。

希望它現在仍然如此。