javascript - 使用js将onfocus元素添加到html表单

Question

我有一个输入框，它是表单的一部分。根据某些情况，我想将 Onfocus 元素添加到我的表单中，但我想使用 js 来执行此操作，并且仅在需要时才执行此操作。我在下面列出了 html 代码。谁能告诉我如何使用 js 添加 onFocus 元素？谢谢

 <input name="associate" id="associate" type="text" size="30" autocomplete="OFF"
onkeyup="return associatejs() "
    onclick="closeassociate()"                
    />

输入中类似 onFocus=Blur() 的内容

希望这是有道理的，

Answer 1

假设您已经在某处定义了函数 Blur() ，您可以使用直接的 Javascript 来完成此操作(有三种不同的方法来添加事件监听器，具体取决于您的用户使用的浏览器使用，因此此方法将尝试首先使用 W3C 方法，然后使用 Microsoft 方法，最后使用后备方法(有关事件注册的详细信息，请参阅 this quirksmode article)。

var frm = document.getElementById('[the ID of your form]');
if (frm.addEventListener)
{
  frm.addEventListener('focus', Blur, false);
}
else if (frm.attachEvent)
{
  frm.attachEvent('onfocus', Blur);
}
else
{
  frm.onfocus = Blur;
}

或者你可以使用一个 Javascript 库，它通常会抽象它。例如，使用 Prototype :

frm = $('[the ID of your form]');
frm.observe('focus', Blur);