我已經創建了一個與在它下面的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鍵,輸入字段失去焦點,但第二個沒有獲得焦點。
如果我再選擇第一個並再次按下標籤,則第二個字段獲得焦點。再按一次可使按鈕增益聚焦,第三次按則使第一個場增益再次聚焦。
有誰知道爲什麼第一個標籤按鍵不起作用?
Unfortunatley我不能回答你的問題(這真的很奇怪,我不知道發生了什麼事情?),但繼承人與tabbing做了幾個指針。如果你關心Tab鍵,應該使用tabindex,你應該把重點放在頁面加載上,並且你應該把一些不可見的東西放在最後一個tabindex上,這樣可以把焦點轉移到第一個元素或者它進入瀏覽器的東西。下面是添加信息頁面的示例。http://pastebin.com/2izkBt7g(在頁面中工作,不彈出?)另外,當使用Chrome發佈Probs時,您最好說出您的測試版本in。 – PAEz 2012-01-31 08:37:52
嗨弗拉基米爾。非常感謝小費。我在彈出窗口中實現了這一點,並使用Chrome 17.0.963.46 beta-m。不幸的是,光標在第一個tab鍵按下後仍然消失。加載彈出窗口後,我可以成功獲取第二個tabindex,但第二次按鍵會再次導致丟失的光標。 你認爲這可能只是Chrome的一個bug? – forgetso 2012-01-31 18:52:51
它適用於我,穩定版本。光標不會消失,一切都按照您期望的方式工作。 – 2012-02-02 20:47:24