1. 程式人生 > >JS學習筆記 - 自定義右鍵選單、文字框只能輸入數字

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; } }; }