表单中单击回车键光标下移

1.用脚本判断点击的是否为回车键

 <script type="text/javascript"  >
     function EnterKeyClick() {
        if (event.keyCode == 13) {
            event.keyCode = 9;
        }
    }
</script>

2.前台

<ext:FormLayout ID="FormLayout3" runat="server">
     <ext:Anchor>
           <ext:TextField ID="txtCoding" runat="server" Enabled="true" FieldLabel="知识编码" Width="260" TabIndex="7" EnableKeyEvents="true">  
         <Listeners>
                <KeyDown Handler="EnterKeyClick();" />
         </Listeners>
       </ext:TextField> 
     </ext:Anchor>
     <ext:Anchor>
            <ext:TextField ID="txtDescribe" runat="server" EmptyText="请输入描述" FieldLabel="描述" Width="260" TabIndex="8" EnableKeyEvents="true">  
                       <Listeners>
                                  <KeyDown Handler="EnterKeyClick();" />
                        </Listeners>
             </ext:TextField> 
       </ext:Anchor>
       <ext:Anchor >
               <ext:TextField ID="txtAuthor" runat="server" EmptyText="请输入作者" FieldLabel="作者" Width="260" TabIndex="9" EnableKeyEvents="true">
                          <Listeners>
                                    <KeyDown Handler="EnterKeyClick();" />
                          </Listeners>
                </ext:TextField> 
         </ext:Anchor>
</ext:FormLayout>

说明:

TabIndex="7"   Tab顺序

EnableKeyEvents="true"    执行键事件
KeyDown Handler="EnterKeyClick();"     监听键按下事件并执行EnterKeyClick()方法

posted @   海乐学习  阅读(1490)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
点击右上角即可分享
微信分享提示