键盘事件 key

判断键盘数值

<script type="text/javascript">
    document.onkeydown=function(ev){

        var oEvent=ev||event

        alert(oEvent.keyCode)
    }
</script>

移动div

<script type="text/javascript">
//↑ 38
//→ 39
//↓ 40
//←    37
document.onkeydown=function(ev){

    var oEvent=ev||event
    var oDiv=document.getElementById('div1');

    if (oEvent.keyCode==38) 
    {
        oDiv.style.top=oDiv.offsetTop-10+'px';
    }
    else if (oEvent.keyCode==40)
    {
        oDiv.style.top=oDiv.offsetTop+10+'px';
    }
    else if(oEvent.keyCode==39)
    {
        oDiv.style.left=oDiv.offsetLeft+10+'px';
    }
    else if(oEvent.keyCode==37)
    {
        oDiv.style.left=oDiv.offsetLeft-10+'px';
    }
}
</script>
<div id="div1"></div>

 ctrlKey  shiftKey altKey (提交留言)

<!DOCTYPE html>
<html lang="en">
<head>
    <title>留言</title>
    <meta charset="utf-8">
</head>
<body>
<script type="text/javascript">
window.onload=function()
{
    var oBtn=document.getElementById('btn1');
    var oTxt1=document.getElementById('text1');
    var oTxt2=document.getElementById('text2');

    oBtn.onclick=function()
    {
        oTxt1.value+=oTxt2.value+'\n';
        oTxt2.value='';
    }

    oTxt2.onkeydown=function(ev)
    {
        var oEvent=ev||event;
        
        if (oEvent.ctrlKey && oEvent.keyCode==13)
        {
            oTxt1.value+=oTxt2.value+'\n';
            oTxt2.value='';
        };
    }
}
</script>
<textarea cols="40" rows="10" id="text1">

</textarea><br><br>
<input type="text" id="text2">
<input type="submit" value="留言" id="btn1">
</body>
</html>

 

posted @ 2013-05-20 11:51  殇灬绝恋  阅读(100)  评论(0)  编辑  收藏  举报