JavaScript-将文本框修改为复选框-捕捉回车键13-ESC键27

回车键的键值13

ESC键的键值27

对于"键盘事件对象"，都有一个keyCode属性来获取键值

alert(event.keyCode);//[object KeyboardEvent]

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>js代码设置节点的属性</title>
    </head>
    <body>
         <script type="text/javascript">
             window.onload=function(){
                document.getElementById("btn").onclick=function(){
                    var mytext = document.getElementById("mytext");
                    //一个节点对象中只要有的属性都可以"."
                    mytest.type="checkbox";
                }
            }
         </script>
         <input type="text" id="mytest"/>
         <input type="button" value="将文本框修改为复选框" id="btn" />
    </body>
</html>

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>js捕捉回车键</title>
    </head>
    <body>
         <script type="text/javascript">
              window.onload = function(){
                 var usernameEle = document.getElementById("username");
                 usernameEle.onkeydown=function(event){
                     //获取键值
                     //回调函数里面写一个参数；参数可以接受当前发生的事件
                    
                     
                     usernameEle.onkeydown=function(event){
                         if(event.keyCode === 13){
                             alert("正在进行验证....")                             
                        }else if(event.keyCode ===27){
                            alert("退出.......")
                        }
                     }
                } 
             }
         </script>
         <input type="text" id="username" />
    </body>
</html>

 

posted @ 2022-06-13 13:06  280887072  阅读(122)  评论(0)  编辑  收藏  举报