javascript - 使用 javascript 获取事件字段 ID

Question

我有大约 30 个输入的所有文本，我有一个按钮，我想在按下按钮时获取焦点按钮的 ID。我怎样才能得到它？

Answer 1

焦点很棘手。一旦某个其他元素(例如单击按钮)，焦点就已经移动，因此您无法通过查看焦点来查看上次激活的输入字段。

您可以将焦点事件的事件处理程序附加到每个输入元素，并自行跟踪哪一个最后获得焦点，然后在按下按钮时使用该变量。

也许如果您描述了您试图解决的实际问题，我们可以提供更好的解决方案。

您可以在此处查看记住最后一个事件输入字段的示例:http://jsfiddle.net/jfriend00/XmqPe/ .单击该按钮，最后一个事件字段将以红色突出显示。

var lastInput;
function gotInput() {
    lastInput = this;
}

function addEvent(elem, event, fn) {
    if (elem.addEventListener) {
        elem.addEventListener(event, fn);
    } else {
        elem.attachEvent("on" + event, function() {
            fn.call(elem, window.event);
        });
    }
}


var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
    addEvent(inputs[i], 'focus', gotInput);
}

addEvent(document.getElementById('test'), 'click', function() {
    for (var i = 0; i < inputs.length; i++) {
        inputs[i].style.borderColor = '#000';
    }
    if (lastInput) {
        lastInput.style.borderColor = '#F00';
    }
});​