JavaScript回车切换焦点

最新推荐文章于 2021-02-20 11:31:03 发布

amyson

最新推荐文章于 2021-02-20 11:31:03 发布

阅读量3.4k

点赞数

分类专栏： JavaScript 文章标签： javascript input function button jquery 测试

本文链接：https://blog.csdn.net/amyson/article/details/4253893

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

回车键按下时，自动以Tab键方式在文本输入框之间进行焦点切换的JavaScript代码：

如果注册了多个键盘监听事件，虽然在代码段中修改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&&event.srcElement){ srcEle=event.srcElement; if((event.keyCode||event.charCode)==13 && srcEle.tagName.toUpperCase()=='INPUT' && srcEle.type.toUpperCase()=='TEXT') event.keyCode=event.charCode=9; } </script>  <script> $(':input').bind('keydown','return',function(evt){ event.keyCode=event.charCode=9;//注意：如果使用ajax，要设置为“非同步方式”，否则event对象已经不存在了。 }) </script> <script> function debug(evt){ document.getElementById('info').innerText=evt.keyCode||evt.charCode; } </script> </HEAD> <BODY> <input type=text οnkeydοwn="debug(event);"><br> <input type=text><br> <input type=text><br> <input type=text><br> <input type=button value="Button"> <br><br> 按键代码：<span id=info></span> </html>