keyeventsexample2.htm

来自「这是javascript高级程序设计的源码」· HTM 代码 · 共 38 行

HTM

38 行

<html>
    <head>
        <title>Key Events Example</title>
        <script type="text/javascript">
            function handleEvent(oEvent) {
                var oTextbox = document.getElementById("txt1");
                oTextbox.value += "\n>" + oEvent.type;        
                oTextbox.value += "\n    target is " + (oEvent.target || oEvent.srcElement).id;
                oTextbox.value += "\n    keyCode is " + oEvent.keyCode;
                oTextbox.value += "\n    charCode is " + oEvent.charCode;
                
                var arrKeys = [];
                if (oEvent.shiftKey) {
                    arrKeys.push("Shift");
                }
                
                if (oEvent.ctrlKey) {
                    arrKeys.push("Ctrl");
                }
                
                if (oEvent.altKey) {
                    arrKeys.push("Alt");
                }
                
                oTextbox.value += "\n    keys down are " + arrKeys;                     
            }
        </script>
    </head>
    <body>
        <p>Type some characters into the first textbox.</p>
        <p><textarea id="txtInput" rows="15" cols="50"
            onkeydown="handleEvent(event)"
            onkeyup="handleEvent(event)"
            onkeypress="handleEvent(event)"></textarea></p>
        <p><textarea id="txt1" rows="15" cols="50"></textarea></p>
    </body>
</html>

keyeventsexample2.htm - 源码说明

本页面展示了「这是javascript高级程序设计的源码」中的 keyeventsexample2.htm 源码文件，采用 HTM 编程语言编写，共 38 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与javascript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?