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

时间:2010-08-18 20:54:54

标签: javascript html

我有一个输入框,它是表单的一部分。根据某些情况,我想在我的表单中添加Onfocus元素,但我想使用js并且仅在需要时才这样做。我在下面列出了html代码。谁能告诉我如何使用js添加onFocus元素?谢谢

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

输入

中的onFocus = Blur()之类的东西

希望这是有道理的,

2 个答案:

答案 0 :(得分:2)

假设你已经在某处定义了你的函数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);

答案 1 :(得分:1)

这个JavaScript:

document.getElementById("associate").focus();

会将光标放在输入字段中。你只需要为你想要的环境做到这一点。