页面内容：文本框模拟键盘点击 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>
原文地址：https://www.cnblogs.com/sueyyyy/p/9270937.html
时间： 2024-08-28 15:20:01