JS学习笔记 - 自定义右键菜单、文本框只能输入数字

<script>
    // 事件总共有2个部分，
    //1.点击鼠标右键的表现 oncontextmenu   2.点击鼠标左键的表现（即普通点击onclick）
    // 点击右键，div位置定位到鼠标所在位置， 且阻止鼠标右键的默认菜单
    // 点击左键（即普通的onclick点击），div消失。

    document.oncontextmenu=function (ev)
// oncontextmenu  点击右键触发
{
    var oEvent=ev||event;
    var oDiv=document.getElementById('div1');
    
    oDiv.style.display='block';
    oDiv.style.left=oEvent.clientX+'px';
    oDiv.style.top=oEvent.clientY+'px';
    
    return false;
};

document.onclick=function ()
// onclick 正常点击时触发 （鼠标左键，任意点击页面）
{
    var oDiv=document.getElementById('div1');
    
    oDiv.style.display='none';
};
</script>

    window.onload = function(){
        var oTxt = document.getElementById('txt1');

        oTxt.onkeydown = function(ev){
        //document.onkeydown = function(ev)  //应该是给文本框加事件，不是document
        // onkeydown这个事件不只是document可以用，在哪里按键盘了就在哪用。     

            var oEvent = ev||event;

         if(oEvent.keyCode!=8 && oEvent.keyCode<49 || oEvent.keyCode>57)
            {
                return false;
            }
        };
    }