控制网页中的回车键

一,

控制在网页输入回车后的动作:
Javascript提供了捕获客户端键盘时间的处理,灵活使用可以让客户的使用感觉更加舒服和顺手.
首先  为需要处理键盘事件的控间加上onkeydown的事件处理
如,在文本输入筐控间中输入
<input type="id="txt"nkeydown="enterkey()">
enter()即为处理键盘输入的函数,在其中输入你想要的处理就好了
一个例子:
<html>
<head>
<script language="javascript">
function enterkey()
{
     try
 {var el_keydown=window.event.srcelement;
if(event.keyCode==13&&el_keydown.type=="text")
{
       BT_OK2.FOCUS():
}
              
                 }
      catch(e)
      {returu:}
          }
<?script>
</head>
<body><input type="tet"id="txt"οnkeydοwn="enterkey();">
<input type="button" lue+"ok1"id="bt_ok1" onlike="alert('点击了第一个按钮')">
<input type="button"value="ok2"id="bt_ok2"onlike="alert(txt.value)">
</html>
要求注意的是onkeydown是只要在控间中按下键盘就会触发,所以要过滤,实现专门捕获回车的是:
if(event.keyCode==13&&el_keydown.type=="text")并且还判断了是否来字文本框的回车。


附带keyCode的键盘编码对照表
左方向键     37
右           39
上           38
下           40
回车         13
空格         32
BackSpace    8
ctrl          17
shift        16
Tap          9
二,

思路:当onkeydown的时候,把焦点移动到需触发事件的控件上。

在CS页面对需要处理敲回车的控件添加:TextBox5.Attributes.Add("onKeydown","key();");

//TextBox5是我想在其中录入数据后敲回车能触发事件的录入框。

在aspx页面添加:

Button2的click事件是我想按回车后触发的事件。
三,

ASP.NET 中由于一个页面只有 Form ,经常碰到的一个问题是当在一个文本框中按回车后确不知哪个按钮被当成提交按钮提交了,非常郁闷!!!特别是在有用户控件时,搞得都不敢用 Validator 。
今天实在任不住把它搞定,其实也不麻烦。
基本思路:
自己写一个控件继承 TextBox,增加一个 SubmitControl 属性用来指定此文本框上按回车时由哪个按钮来响应。
再做一个 Converter 增加设计时支持,就是在设计时可以用下拉框选择提交按钮。
目前只考虑了  Button、LinkButton和ImageButton作为提交按钮,当然继承它们的控件也可以。

代码很少,就直接贴在这儿了。
http://www.cnblogs.com/netufo/archive/2004/12/21/79841.html
四,
由于asp.net里面的button都是submit类型的,所以在表单内按回车都是触发的第一个按钮的click事件,如果有多个button则无法在回车的时候触发后面的按钮事件。以下方案可通过设置来改变页面的默认按钮。

1.在基页面内的load事件里加入supportDefaultButton()

2.基页面中声明变量:
Protected DefaultButton As Button

3.在基页面中加入函数supportDefaultButton并重载RaisePostBackEvent
ExpandedBlockStart.gif ContractedBlock.gif      Private   Sub supportDefaultButton() Sub supportDefaultButton()
InBlock.gif        GetPostBackEventReference(
New System.Web.UI.Control)
InBlock.gif        RegisterStartupScript(
"DefaultButton""<script language='javascript' src='/js/DefaultButton.js'></script>")
ExpandedBlockEnd.gif    
End Sub

None.gif
ExpandedBlockStart.gifContractedBlock.gif    
Protected   Overloads   Overrides   Sub RaisePostBackEvent() Sub RaisePostBackEvent(ByVal sourceControl As System.Web.UI.IPostBackEventHandler, ByVal eventArgument As String)
InBlock.gif        
If (DefaultButton Is Nothing OrElse Request("__EVENTTARGET"<> ""Then
InBlock.gif            
MyBase.RaisePostBackEvent(sourceControl, eventArgument)
InBlock.gif        
ElseIf (Not DefaultButton Is NothingThen
InBlock.gif            
MyBase.RaisePostBackEvent(DirectCast(DefaultButton, System.Web.UI.IPostBackEventHandler), Nothing)
InBlock.gif        
End If
ExpandedBlockEnd.gif    
End Sub

4.DefaultButton.js文件内容:
None.gif for (i = 0 ;i < Form1.elements.length;i ++ )
None.gif{
None.gif    
if (Form1.elements[i].type  ==   " submit " )
None.gif    {
None.gif        fstsubmit 
=  Form1.elements[i]
None.gif        fstsubmit.attachEvent(
" onmouseup " , changeEvent)
None.gif        //
break ; 这一句应该去掉
None.gif    }
None.gif}
None.gif
function  changeEvent()
None.gif{
None.gif    __doPostBack(event.srcElement.id, '')
None.gif}

在继承页面的load事件里:
5.DefaultButton = 需要设置为默认按钮的对象名称
即可。


IE6里面测试通过,低版本没有测试,但应该没问题。有兴趣的朋友可以帮忙测试一下兼容性,顺便告知。要是有更好的办法,也请给个链接看看。


这个方法不错,只是怎么觉得前台的脚本不加也可阿

把我解决方案给大家看看
/// <summary>
/// 设置在页面回车时触发事件的控件
/// </summary>
/// <param name="Ctrl">将触发事件的控件对象</param>
public static void SetEnterControl(System.Web.UI.Control Ctrl)
{
Page mPage = Ctrl.Page;
string mScript;
mScript = @"<script language=""javascript"">
function document.onkeydown()
{
var e = event.srcElement;
var k = event.keyCode;
if (k == 13 && e.type != ""textarea"")
{
document.all." + Ctrl.ClientID + @".click();
event.cancelBubble = true;
event.returnValue = false;
}
}
</script>";
if(!mPage.IsClientScriptBlockRegistered("SetEnterControl"))
mPage.RegisterClientScriptBlock("SetEnterControl",mScript);
}

转载于:https://www.cnblogs.com/sutengcn/archive/2005/11/07/270427.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值