【JS】在input中按下回车执行动作

在输入框中输入回车执行动作也算页面控件常用操作项之一了,故把代码整理出来放在这里。

 

代码:

复制代码
<!DOCTYPE html>
<html lang="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<head>
     <title>标题</title>
     <style type="text/css">
     /*CSS样式*/

     </style>
    </head>

     <body>
        <input type="text" onkeypress="actionOnEnter(event);"/>
     </body>
</html>
<script type="text/javascript">
<!--
    function actionOnEnter(evt){
        evt=evt?evt:event;
        var charCode=(evt.charCode)?evt.charCode:((evt.which)?evt.which:evt.keyCode);

        if(charCode==13 || charCode==3){
             doBusiness();
        }
    }

    function doBusiness(){
        alert("biz");
    }
//-->
</script>
复制代码

以上粗体文本为关键代码。

END

posted @ 2021-12-04 19:53  不朽的飞翔  阅读(1488)  评论(0编辑  收藏  举报