⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 keyeventsexample2.htm

📁 这是javascript高级程序设计的源码
💻 HTM
字号:
<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>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -