如何在alert()之后给予focus()？

我有类似的东西：

<input type="textbox" id="partNumber" onChange="validatePart(this);">
<input type="textbox" id="quantity" onfocus="saveOldQuantity(this);">

The onChange更改后事件正确触发and文本框失去焦点。什么时候quantity获得焦点，onfocus事件正确触发以保存旧值quantity在进行更改之前。

If validatePart()检测到无效的partNumber值，它alert是用户了解这一事实。之后alert()已清除，我想将焦点返回到partNumber输入。但做一个focus()输入节点上没有给予它焦点。这里的调试很棘手，因为 IE 调试窗口交互当然是改变焦点。

我怎样才能确保焦点返回到partNumber如果检测到错误validatePart()?

编辑： 一个简单的版本validatePart():

function validatePart(node) {
    if (!node.value) {
        alert('Please enter a part number.');
        node.focus();   // <======= why isn't this having any effect??
    }
}

添加一个小的超时并将焦点重置回partNumber文本框应该可以解决问题。

因此你的validatePart()函数变成这样：

function validatePart(node) {
    if (!node.value) {
        alert('Please enter a part number.');
        setTimeout(function(){node.focus();}, 1);
    }
}

这是一个快速的“实时”示例 http://jsbin.com/uvijeh这只是触发一个alert无论输入什么内容partNumber文本框并成功将焦点返回到partNumber文本框（即使您将其移至quantity文本框。