JS通過鍵盤點擊事件實現div移動


頁面內容:文本框模擬鍵盤點擊   div元素實現移動;

<body>
<textarea id="myarea"></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>

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM