久久精品国产亚洲77777,国产美女最新在线导航,尤物视频在线观看4区不卡,亚洲一区二区高清电影,高清国产下药迷倒白嫩,宅男噜噜噜66在线观看,国产熟女高潮流白浆视频,宅男噜噜噜66在线观看,妲己影院一成年视频欧美一区,欧美黑人巨大xxxxx

[點(diǎn)晴永久免費(fèi)OA]js實(shí)現(xiàn)上下左右按鍵使div移動(dòng)

當(dāng)前位置：點(diǎn)晴教程→點(diǎn)晴OA辦公管理信息系統(tǒng) →『經(jīng)驗(yàn)分享&問題答疑』

admin

2022年8月22日 12:20 本文熱度 1004

知識(shí)點(diǎn)：

可以通過(guò)keyCode獲取案件的編碼，可以判斷那個(gè)按鍵被按下

altKey、ctrlKey、shiftKey判斷alt ctrl shift是否被按下

使div可以根據(jù)不同的方向移動(dòng)

按左鍵，div向左移

按右鍵，div右移

按下鍵，div下移

按上鍵，div上移

詳細(xì)代碼：


<!DOCTYPE html>

<html lang="en">

 

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        #box1 {

            width: 100px;

            height: 100px;

            background-color: red;

            position: absolute;

        }

    </style>

    <script>

        /*

          使div可以根據(jù)不同的方向移動(dòng)

           按左鍵，div向左移

           按右鍵，div右移

           ...

        */

        window.onload = function () {

            //為document綁定一個(gè)按鍵按下事件

            document.onkeydown = function (event) {

                event = event || window.event;

                console.log(event.keyCode);

 

                //定義一個(gè)變量speed

                var speed = 10;

 

                //如果按了ctrl以后，速度加快

                if (event.ctrlKey) {

                    speed = 50;

                }

                /*

                 37是左

                 38上

                 39右

                 40下

                */

                switch (event.keyCode) {

                    case 37:

                        box1.style.left = box1.offsetLeft - speed + "px";

                        break;

                    case 39:

                        box1.style.left = box1.offsetLeft + speed + "px";

                        break;

                    case 38:

                        box1.style.top = box1.offsetTop - speed + "px";

                        break;

                    case 40:

                        box1.style.top = box1.offsetTop + speed + "px";

                        break;

                }

            };

        };

    </script>

</head>

 

<body>

    <div id="box1"></div>

</body>

 

</html>

該文章在 2022/8/22 12:20:15 編輯過(guò)

關(guān)鍵字查詢

實(shí)現(xiàn)

移動(dòng)

相關(guān)文章

正在查詢...

點(diǎn)晴ERP是一款針對(duì)中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國(guó)內(nèi)大量中小企業(yè)的青睞。

點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對(duì)港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場(chǎng)、車隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理，結(jié)合碼頭的業(yè)務(wù)特點(diǎn)，圍繞調(diào)度、堆場(chǎng)作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體，是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。

點(diǎn)晴WMS倉(cāng)儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購(gòu)管理,倉(cāng)儲(chǔ)管理,倉(cāng)庫(kù)管理,保質(zhì)期管理,貨位管理,庫(kù)位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號(hào)管理軟件。

點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi)，不限功能、不限時(shí)間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。