87,922
社区成员
发帖
与我相关
我的任务
分享JS初级问题，通过onkeydown移动图片
function move(event) {
var key = event.keyCode || window.event.keyCode;
var dgi=document.getElementById("img")
if (key == '65') {
dgi.style.left = dgi.style.left+10+'px';
alert(dgi.style.left);
}
}这个代码虽然有效，可是只能移动一次，再之后值都不会改变，为什么？该怎么修改才能实现点一下移动一下的效果
...全文
请发表友善的回复…
发表回复
似梦飞花 2014-12-07
- 打赏
- 举报
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body onkeydown="move(event);">
<img id="img" src="13.6.jpg" style="position:absolute;left:100px;top:100px;" width=20%; height=30%;>
<script>
var img=document.getElementById('img');
var l=parseInt(img.style.left);
function move(e){
var a=e||window.event;
if(a.keyCode==65){
img.style.left=((l+=10)+'px');
}
}
</script>
</body>
</html>
slwsss 2014-12-07
- 打赏
- 举报
function move(event) {
var key = (event|| window.event).keyCode;
if (key == 65) {
var dgi=document.getElementById("img");
dgi.style.left = ((parseFloat(String(dgi.style.left).replace(/^\d\.]/ig,''))||0)+10)+'px';
}
}
洗手洗红豆 2014-12-07
- 打赏
- 举报
还是不行……不过倒是知道怎么转型了，之前用parseInt老是失败…… 难道是我标签有问题？
<body onkeydown="move(event);">
<img id="img" src="13.6.jpg" style="position:absolute;left=100;top=100;" width=20%; height=30%;>洗手洗红豆 2014-12-07
- 打赏
- 举报
柯南桑的可以了，虽然还有些问题想问，不过自己alert应该就能明白
楼上的还是不可以…… 我也曾经这么改过
slwsss 2014-12-06
- 打赏
- 举报
function move(event) {
var key = (event|| window.event).keyCode;
if (key == '65') {
var dgi=document.getElementById("img")
dgi.style.left = (parseFloat(String(dgi.style.left).replace(/px/ig,''))||0+10)+'px'
alert(dgi.style.left);
}
}
