【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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM