ASP.NET 登陆模拟鼠标点击效果

在做登陆页面时,当输入密码后,按回车键实现鼠标点击登陆按钮的效果

代码如下:

<ul class="form_login">

<li>

<label for="txtUserName">

用户名</label>

<asp:TextBox runat="server"></asp:TextBox>

</li>

<li>

<label for="txtPassWord">

密 码</label>

<asp:TextBox runat="server" TextMode="Password"></asp:TextBox>

</li>

</ul>

<ul >

<li>

<asp:CheckBox runat="server" />

<label>

系统管理员</label>

</li>

</ul>

<ul >

<li>

<label>

</label>

<asp:LinkButton runat="server" Text="登录" CssClass="button_ids loginButton"

OnClick="lbLogin_Click"></asp:LinkButton>

<asp:LinkButton runat="server" Text="取消" CssClass="button_ids loginButton"></asp:LinkButton></li>

</ul>

JS代码实现的效果。代码如下:

<script type="text/javascript">

function $(id)

{

return document.getElementById(id);

}

function fire(e,buttonId){

var theEvent = window.event || e;

if (theEvent.keyCode==13)

{

//避免firefox下响应焦点事件 ----------------

//选择parentNode是按钮避免重复响应事件 ----------------

$(buttonId).parentNode.focus();

if($(buttonId)){

if(window.attachEvent && !window.opera)

{

$(buttonId).click();

}

else

{

var evt = document.createEvent("MouseEvents");

evt.initEvent("click", true, false);

$(buttonId).dispatchEvent(evt);

}

}

}

}

document.onkeydown = function(e)

{

fire(e,'lbLogin');

}

</script>