IE与Google Chrome

Question

我的html文件中有这个：

<html>
    <head>
        <title>
            CMD.exe
        </title>

        <link rel="stylesheet" type="text/css" href="cmd.css" />
        <script language="JavaScript" SRC="cmd.js"></script>
    </head>
    <body onload="blinkCursor();">
        <span id="content">&gt;</span><span style="display:none;" id="blink"  >|</span> 
        <div onKeyPress="keyPress(event);" style="position:absolute;z-index:2;width:100%;height:100%;"></div>   
    </body>
</html>

这是我的Javascript：

var blinkOn =false;

function blinkCursor() {
    if (blinkOn) 
        {   
            document.getElementById("blink").style.display="none";
        } else {
            document.getElementById("blink").style.display="inline";
        }
    blinkOn=!blinkOn;
    setTimeout("blinkCursor()",500);    
}

function keyPress(e) {
    var keynum = ('which' in event) ? event.which : event.keyCode;
    var val=String.fromCharCode(keynum);
    document.getElementById("content").innerHTML=document.getElementById("content").innerHTML+val
}

并结合以下CSS样式：

html, body {
        background-color:black;
        overflow:hidden;
        font-family:"lucida console";
        color:white;
    }

创建一个类似CMD的酷网页。 唯一的问题是，文本输入无法在Google Chrome浏览器中使用，但在IE中也可以正常工作（也许还有ff？）。 我也不知道如何检测诸如[ENTER]和[BACKSPACE]之类的键。

任何帮助，将不胜感激！

Answer 1

我运行了一个jsFiddle，看来Chrome在第一次闪烁后未正确注册功能。 当您在keyPress函数中将事件定义为e时，您也在事件中使用它。 这为我工作：

var blinkOn =false;

blinkCursor = function() {
    if (blinkOn) 
        {   
            document.getElementById("blink").style.display="none";
        } else {
            document.getElementById("blink").style.display="inline";
        }
    blinkOn=!blinkOn;
    setTimeout("blinkCursor()",500);    
}

keyPress = function (e) 
{
    var keynum = ('which' in e) ? e.which : e.keyCode;
    var val=String.fromCharCode(keynum);
    document.getElementById("content").innerHTML=document.getElementById("content").innerHTML+val
}

如果您也只是在页面上显示“控制台”，则不妨将keyPress（event）从div切换到body标签。

要检测Enter和Backspace等，请检查其keyCode，如下所示：

keyPress = function (e)
{
    //keynum setting
    if (keynum == 13) { // it's a return key press }
    //other stuff
}

将13替换为您要匹配的键码。

小提琴在这里： http : //jsfiddle.net/XuNv2/

IE与Google Chrome

问题描述

1 个解决方案

解决方案1
6 已采纳 2011-05-13 16:20:17

IE与Google Chrome

问题描述

1 个解决方案

解决方案1 6 已采纳 2011-05-13 16:20:17

解决方案1
6 已采纳 2011-05-13 16:20:17