zoukankan      html  css  js  c++  java
  • js键盘事件

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript">
    window.onload=function(){
        
        oArea=document.getElementById('area');
        oTxt=document.getElementById('txt');
        oBtn=document.getElementById('btn');
        oBtn.onclick=function(){
            oArea.value=oArea.value+oTxt.value+'
    ';
            oTxt.value=''
        }
        
        oTxt.onkeydown = function(evt){
            var e = evt || event;
            if(e.keyCode == 13 && e.ctrlKey) {
                oArea.value += oTxt.value+"
    ";
                oTxt.value = "";
            }
        }
    }
     
    </script>
     
    </head>
     
    <body>
     
    <textarea cols="50" rows="9" id="area"></textarea>
    <br/>
    <input type="text" id="txt" />
    <input type="button" id="btn" value="提交" />
     
    </body>
    </html>
    

      

     
    2.键盘码,键盘输入多少就显示其对应的状态码
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <!-- saved from url=(0035)http://fgm.cc/learn/lesson5/03.html -->
    <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     
    <title>用户按下键盘,显示keyCode</title>
    <style>
    body{
        text-align:center;
        font:30px/1.5 5fae8f6f96c59ed1, arial;    
    }
    pre{color:green;padding:10px 15px;background:#f0f0f0;border:1px dotted #333;font:12px/1.5 Courier New;text-align:left;}
    span{color:#999;}
    </style>
    <script type="text/javascript">
    window.onload = function(){
        var oP = document.getElementsByTagName("p")[0];    
        document.onkeydown = function(evt){
            var e = evt || event; //兼容写法
            oP.innerHTML = e.keyCode;
        }
    }
     
    </script>
    </head>
    <body>
     
    当前按键的编码<p>70</p>
     
    </body></html>
    

      

     
     
     
  • 相关阅读:
    DS博客作业02--栈和队列
    指针
    C语言博客作业04--数组
    函数
    留言板
    第三周-自主学习任务-面向对象基础与类的识别
    DS博客作业05--查找
    DS博客作业04--图
    DS博客作业03--树
    DS博客作业02--栈和队列
  • 原文地址:https://www.cnblogs.com/bgwhite/p/9476462.html
Copyright © 2011-2022 走看看