我创建了一个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键,输入字段失去焦点,但第二个字段没有获得焦点。
如果我再次选择第一个字段并再次按tab键,则第二个字段将获得焦点。再次按下可使按钮获得焦点,第三次按下可使第一场再次获得焦点。
有人知道为什么第一次按tab键不起作用吗?
请参阅此处的Chrome错误报告:http://code.google.com/p/chromium/issues/detail?id=122352
编辑:在本次编辑时,修复程序目前在Canary版本26.0.1408.1(官方版本181614)中实现。
这似乎适用于Chrome版本32.0.1700.76 m。
我从来没有见过它在我的TxtPad扩展中正常工作,但今天它在chrome更新后工作了。
希望现在还是那样。