href 图片 addeventlistener（js里面点击图片触发事件）

：暂无数据 2026-08-30 20:00:01 ：1

大家好，关于href 图片 addeventlistener很多朋友都还不太明白，不过没关系，因为今天小编就来为大家分享关于js里面点击图片触发事件的知识点，相信应该可以解决大家的一些困惑和问题，如果碰巧可以解决您的问题，还望关注下本站哦，希望对各位有所帮助！

本文目录

js里面点击图片触发事件
HTML5 给图片对象添加事件
怎么在LinkButton 上添加图片
当鼠标移动到一个盒子上的时候,另一个盒子显示对应的图片
关于图片预加载的问题,高分求助

js里面点击图片触发事件

《a href="你的图片链接" onclick="你的js事件方法"》《/a》

你的意思是用canvas2D绘制是吧?
实际上,拿canvas2D绘制,只是把image渲染到 canvas(画布上).而实际的事件,就不能像标签那么处理,应该对canvas的事件做处理.
实现逻辑是这样:
1,添加事件监听,比如说,鼠标按下做什么,滑动做什么,弹起做什么.一般鼠标事件都是判断弹起的位置
2,判断有效坐标,在事件中判断坐标位置是否在图片位置,也就是图片在canvas的位置.
ex:
//some code...
canvas.width=400;
canvas.height=400;
var context2d = canvas.getContext("2d");
var img =new Image();
img.src="xxx/xxx.png";
img.onload=function(){
context2d.drawImage(img,X,Y,WIDTH,HEIGTH);
//X=0,Y=0,W=50,H=50
canvas.addEventListener("mouseup", keyUp, false);
}
function keyUp(evt){
Event_UpX = evt.offsetX;
Event_UpY = evt.offsetY;
if(Event_UpX》=绘制坐标X&&Event_UpX《=图片宽度){
if(Event_UpY》=绘制坐标Y&&Event_UpY《=图片高度){
//do something
}
}
}

怎么在LinkButton 上添加图片

　　在LinkButton 上添加图片，参考实例如下：
　　一、在flex中在MXML中为LinkButton添加图片
　　《mx:LinkButton id="user_add" icon="@Embed(’assets/action_add.png’)" toolTip="添加" click="user_add_clickHandler(event)"/》
　　二、在as文件中动态为LinkButton添加图片（无法使用Icon属性）
　　public var user_add:LinkButton;

private var img:Class;
　　user_add = new LinkButton();
user_add.setStyle(’icon’,img);
user_add.toolTip=data.toString();
user_add.addEventListener(MouseEvent.CLICK,add_ClickHandler);
this.addChild(user_add);

当鼠标移动到一个盒子上的时候,另一个盒子显示对应的图片

您好，您是不是想问当鼠标移动到一个盒子上的时候,另一个盒子显示对应的图片怎么实现？实现鼠标在一个盒子上时，在另一个盒子显示对应的图片，可以通过以下步骤实现：
1、获取需要操作的元素：鼠标移动到的盒子以及要显示图片的盒子。
2、为鼠标移动到的盒子添加mouseover事件监听器，并且设置回调函数，当鼠标进入盒子时触发该事件。
3、在回调函数中，获取要显示的图片的路径。
4、将获取的图片路径，设置到要显示图片的盒子的src属性中，使其显示出来。以下是示例代码：```html