代码之家 › 专栏 › 技术社区 › Roy Tang

如何在IE中使用Javascript集中无线电控制?

internet-explorer javascript

Roy Tang · 技术社区 · 17 年前

鉴于以下代码:

function test() {
    document.forms[0].TEST[0].focus();
}

<form>
    <input type="button" value="Test" onclick="test()" />
    <input type="radio" name="TEST" value="A">A
    <input type="radio" name="TEST" value="B">B
</form>

在IE6中,点击按钮不会聚焦控件,除非我已经在收音机中至少点击了一次,在这种情况下它会工作=/

你知道我应该如何集中控制吗?当然,上述方法在FF中非常有效。

编辑:我发现控件正在聚焦,除了单选按钮周围的高亮框没有被渲染。(我可以点击空格键激活单选按钮,也可以使用箭头键更改激活按钮)。所以问题变成了:我如何强制聚焦高亮框渲染?

3 回复 | 直到 7 年前

Canavar 17 年前

实际上它是聚焦的,你可以通过聚焦第二个项目来测试它,点击按钮点击空格后,你可以看到选中的第二个项目。这表明项目正在获得焦点,但我认为你指的是焦点后的虚线选择。我不知道该怎么做。

Alsciende 17 年前

Internet Explorer的“可访问性高级选项”中有一个选项,上面写着“使用选择或焦点移动系统光标”。如果你有办法传播IE设置,这可能是一个解决方案。

编辑:它不起作用

arhak Martin Nycander 9 年前

你可以为焦点的轮廓强制任何样式

function test() {
    document.forms[0].TEST[0].focus();
}

/* if this CSS rule is overrode by another one, then strengthen the selector of this rule to make it more specific (or use "!important") */
input[name=TEST]:focus {
    outline: 1px dotted blue;
}

<form>
    <input type="button" value="Test" onclick="test()" />
    <input type="radio" name="TEST" value="A" />
    <input type="radio" name="TEST" value="B" />
</form>

推荐文章

Hala · 有没有什么方法可以将CSS属性设置为其他不兼容浏览器的属性的备用项?

4 年前

Error 1004 · 使用VBA从HTML中提取信息

8 年前

myroslav · IE11中Angular 4应用程序崩溃

8 年前

L Y E S - C H I O U K H Dumitru Boaghi · 在IE9/Angular 5/TypeScript上使用FormData,无需Ajax或jQuery

8 年前

Dhananjay C · Internet Explorer-表格上的CSS框阴影不适用于IE浏览器

8 年前

jacob · 当操作url为跨原点时,Microsoft浏览器不会将表单发布到iframe

8 年前

Athar K · 工具提示悬停上的过渡在IE上不起作用,在Google Chrome上效果很好

8 年前

adrien54 · 使用BlendColor过滤器的IE上的透明度问题

8 年前

Kathryn Crawford · ul元素上的伪元素在IE11中不起作用

8 年前

sankar · IE不显示abbr标记的边框底部

8 年前