在将此代码添加到我的页面之前,如果在执行时,我注意到我的所有选择框都需要用户单击 2 次才能打开下拉菜单,第一次单击似乎将焦点放在它上面,然后是第二次单击最后打开它。如果我删除代码,行为会发生变化,用户只需单击 1 次即可打开下拉菜单及其所有菜单选项。
我不确定要修复或修改什么,这样就不需要点击 2 次,我也在使用 ie。7 所以这将是一个围绕 css 焦点的工作。我不希望有任何 jquery。
感谢你的帮助。
function v9_form() {
//===========================================================================================>>
var x = document.getElementsByTagName('INPUT');
for (var i = 0; i < x.length; i++) {
if (x[i].type == "text" && x[i].readOnly == false) {
if (x[i].id != "date2" && x[i].id != "date3") {
x[i].onfocus = function() { this.style.backgroundColor = '#FFFFC4';};
x[i].onblur = function() { this.style.backgroundColor = '#FFFFFF';};
}
}//end of if
}//end of for
var y = document.getElementsByTagName('SELECT');
for (var i = 0; i < y.length; i++) {
y[i].onfocus = function() { this.style.backgroundColor = '#FFFFC4'; };
y[i].onblur = function() { this.style.backgroundColor = '#FFFFFF'; };
}
var z = document.getElementsByTagName('TEXTAREA');
for (var i = 0; i < z.length; i++) {
z[i].onfocus = function() { this.style.backgroundColor = '#FFFFC4'; };
z[i].onblur = function() { this.style.backgroundColor = '#FFFFFF'; };
}
}