JavaScript 回车 焦点切换

时间:2024-04-17 10:22:53 


<script language='javascript' for='document' event='onkeydown'>
if(event&&event.srcElement){
srcEle=event.srcElement;
if((event.keyCode||event.charCode)==13 && srcEle.tagName.toUpperCase()=='INPUT' && srcEle.type.toUpperCase()=='TEXT')
eventevent.keyCode=event.charCode=9;
}
</script>


如果注册了多个键盘监听事件,虽然在代码段中修改keyCode值,其它键盘监听事件获得的仍然是原始keyCode。这和JavaScript事件模型有关(记得是分别从各个注册的监听事件开始,各自沿着自己的路线进行事件传播)。
以下是测试代码:

<html> <HEAD>  <script src="jquery.js"></script> <script src="jquery.hotkeys.js"></script> <script> $(function(){ $(document).keydown(function(evt){ debug(evt); }); }); </script>  <script language='javascript' for='document' event='onkeydown'> if(event&amp;&amp;event.srcElement){ srcEle=event.srcElement; if((event.keyCode||event.charCode)==13 &amp;&amp; srcEle.tagName.toUpperCase()=='INPUT' &amp;&amp; srcEle.type.toUpperCase()=='TEXT') event.keyCode=event.charCode=9; } </script> <script> function debug(evt){ document.getElementById('info').innerText=evt.keyCode||evt.charCode; } </script> </HEAD> <BODY> <input type=text onkeydown="debug(event);"> <input type=text> <input type=text> <input type=text> <input type=button value="Button">  按键代码: </html>


标签:JavaScript,回车,焦点切换
0
投稿

猜你喜欢

  • Python常用时间操作总结【取得当前时间、时间函数、应用等】

    2021-01-12 20:32:33
  • python中使用百度音乐搜索的api下载指定歌曲的lrc歌词

    2023-06-14 06:23:07
  • Chrome调试折腾记之JS断点调试技巧

    2023-07-07 16:35:08
  • 基于Django的乐观锁与悲观锁解决订单并发问题详解

    2021-07-14 19:42:08
  • 基于python使用Pillow做动态图在图中生成二维码以及图像处理

    2022-12-29 16:33:03
  • Django小白教程之Django用户注册与登录

    2022-01-14 10:30:06
  • mysql insert语句操作实例讲解

    2024-01-15 12:12:24
  • 详解python和matlab的优势与区别

    2023-05-15 11:28:04
  • 客户端模板的应用

    2007-05-11 16:50:00
  • 浅析ASP内置组件

    2007-10-18 11:31:00
  • Python基于OpenCV的视频图像处理详解

    2021-02-06 19:57:37
  • Python利用QQ邮箱发送邮件的实现方法(分享)

    2023-01-06 23:23:25
  • flask设置cookie

    2022-03-19 21:13:01
  • 深入浅出解析mssql在高频,高并发访问时键查找死锁问题

    2024-01-29 02:32:54
  • 详解django的serializer序列化model几种方法

    2022-12-06 00:40:08
  • 通俗解释JavaScript正则表达式快速记忆

    2024-04-22 22:24:04
  • python 操作mysql数据中fetchone()和fetchall()方式

    2024-01-19 11:02:18
  • 详解python之多进程和进程池(Processing库)

    2022-07-18 23:23:58
  • Java实现上传Excel文件并导入数据库

    2024-01-22 02:47:44
  • Python中非常好用的内置函数详解

    2023-04-05 06:28:25
  • asp之家 网络编程 m.aspxhome.com