頁面內容:文本框模擬鍵盤點擊 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>