javascript - document.activeElement 在 Chrome 上无法按预期工作，有哪些替代方法？

Question

你好，

我想选中/取消选中具有相同类的所有复选框，并在选中/取消选中复选框时禁用\启用关联的文本字段。

我设法编写了一个代码document.activeElement，document.getElementsByClassName它可以做到这一点，只是它在 Chrome 上不起作用。这是Chrome 中报告的错误，它返回正文而不是实际的 activeElement，除非 activeElement 是文本字段。

在修复错误之前，我可以使用一种解决方法吗？

我的代码：

JS：

function changeAll(variable) {
    var current = document.activeElement;
    var checkboxes = variable + "_g";
    var text = variable + "_v";
    var i;
    if (current.checked === true) {
        for (i = 0; i < document.getElementsByClassName(checkboxes).length; i++) {
            document.getElementsByClassName(checkboxes)[i].checked = true;
        }
        for (i = 0; i < document.getElementsByClassName(text).length; i++) {
            document.getElementsByClassName(text)[i].disabled = false;
        }
    } else {
        for (i = 0; i < document.getElementsByClassName(checkboxes).length; i++) {
            document.getElementsByClassName(checkboxes)[i].checked = false;
        }
        for (i = 0; i < document.getElementsByClassName(text).length; i++) {
            document.getElementsByClassName(text)[i].disabled = true;
        }
    }
}

HTML：

<input type="checkbox" class="y_g" onClick="changeAll('y')">
<input type="text" class="y_v" disabled>
<input type="checkbox" class="y_g" onClick="changeAll('y')">
<input type="text" class="y_v" disabled>
<br>
<input type="checkbox" class="x_g" onClick="changeAll('x')">
<input type="text" class="x_v" disabled>
<input type="checkbox" class="x_g" onClick="changeAll('x')">
<input type="text" class="x_v" disabled>

Answer 1

传入参考

HTML：

<input type="checkbox" class="y_g" onClick="changeAll(this,'y')">

JavaScript：

function changeAll(current, variable) {
    //var current = document.activeElement;

理想情况下，您不会使用内联事件。