Javascript 小技巧

 如何讓反白失效,可以用以下四行放在要得的 CSS 裡面,

-webkit-user-select:none;
-moz-user-select:none;
-o-user-select:none;
user-select:none;

可以加在按鈕樣式,讓按鈕的文字不可以選取

                #tetris_memo{

                    /* 不可以選取反白 */

                    -webkit-user-select:none;

                    -moz-user-select:none;

                    -o-user-select:none;

                    user-select:none;

                    margin: 0px 5px 0px 0px;

                    width: 150px;

                    height: 282px;

                    border: 3px solid rgb(128,128,200);

                    border-radius: 5px;

                }

在鍵盤監聽事件中加入一行,

e.preventDefault();

可讓按鍵不回傳到 window , 這樣就可以避免整個網頁移動

var keyboardevent = document.getElementById("supldn");

keyboardevent.addEventListener(

    "keydown",

    function (e){

       

        if (e.code == "Space"){e.preventDefault();Block_Turn();}

        if (e.code == "Enter"){e.preventDefault();Block_Turn(true);}

        if (e.code == "ArrowLeft"){e.preventDefault();Block_MoveLeft();}

        if (e.code == "ArrowRight"){e.preventDefault();Block_MoveRight();}

        if (e.code == "ArrowDown"){e.preventDefault();Block_MoveDown();}

        if (e.code == "ArrowUp"){e.preventDefault();LevelUp();}

        if (e.code == "KeyP"){e.preventDefault();GamePause();}

        if (e.code == "Escape"){e.preventDefault();GameAskRestart();}

    },

    false

)

在按鈕樣式可以統一加入一行

 touch-action: manipulation;

這樣就可以避免連點按鈕的時候,網頁被放大

        button {

          touch-action: manipulation;

        }