HTML5里面用JavaScript实现当鼠标点击，角色移动到鼠标点击的位置，要怎么实现_安全

获取你鼠标点击位置的left与top值，然后更改角色的left与top值。通过getElementById获取角色元素。照葫芦画瓢知道吗？你参考参考超级玛丽是怎么做的。超级玛丽是根据“→”键位控制，其实就是更改了原来的top与left值。同理，你只要得到鼠标点击部位的top与left值，那么再传给角色，角色就会移动过去。建议参考超级玛丽 javascript代码，

用 CSS 来控制：

{
cursor: url('路径'), auto;
}

三点要对新手说的，第一这个路径是相对于你这个 CSS 的路径的；第二是要想所有浏览器（IE8之前的直接PASS）都支持，格式需要为 cur 或者 ico 的；第三尺寸最好是 3232 的。

只能获取鼠标对于画布的事件，可以根据点击范围判断点击的内容，然后做相应 *** 作

<!doctype html>
<html>
<head></head>
<body>
<canvas id="canvas" width="500" height="500" style = "border:1px solid red"></canvas>
<script>
var rect={x:100,y:100,w:40,h:20};//定义要画的矩形的位置属性
var canvas=documentgetElementById('canvas');
var cxt=canvasgetContext('2d');
cxtfillRect(rectx,recty,rectw,recth);//绘制矩形
canvasonclick=function(e){//给canvas添加点击事件
    e=e||event;//获取事件对象
    //获取事件在canvas中发生的位置
    var x=eclientX-canvasoffsetLeft;
    var y=eclientY-canvasoffsetTop;
    //如果事件位置在矩形区域中
    if(x>=rectx&&x<=rectx+rectw&&y>=recty&&y<=recty+recth){
        windowopen('链接地址');//打开指定链接
    }
}
</script>
</body>
</html>

html中有一个标签，直接给文字添加一个a标签；\x0d\比如：\x0d\关于我们\x0d\a标签默认的鼠标放上去就是一个手指的样式，或者你也可以用cursor: pointer;这个给他设置一下，cursor还有其他的属性可以使用

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/yw/13361771.html

HTML5里面用JavaScript实现当鼠标点击，角色移动到鼠标点击的位置，要怎么实现

发表评论

评论列表（0条）