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