標籤：定義 etl alert eve 代碼 移動 function div移動 tco
頁面內容：文字框類比鍵盤點擊 div元素實現移動；
<body><textarea id="myarea" ti></textarea><hr><div id="mydiv" title="dddddiv"></div></body>
div樣式可以自行定義；
JS指令碼代碼如下：
當鍵盤輸入‘a‘或‘A‘時，div向左移動10px
script type="text/javascript">var myarea = document.getElementById("myarea");var mydiv = document.getElementById("mydiv");//event是鍵盤事件對象，能後識別按下的是哪個鍵var a = mydiv.offsetLeft;//var a = mydiv.offsetWidth;//var a = window.getComputedStyle(mydiv).left;;myarea.onkeypress = function(event) {//alert(event.keyCode);//var odiv = document.getElementById(“mydiv”);//alert(odiv.getAttribute(“title”));if(event.keyCode == "65"|| event.keyCode == "97") {a=a-10;//var b = a + “px”;//alert(a);var i = "20px"mydiv.style.left = a + "px";}}</script>
JS通過鍵盤點擊事件實現div移動
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
