首先获取img元素。使用document.getElementById("img的ID名")获取想要添加点击事件的img标签。
然后对获取到的元素添加点击事件。使用.onclick来添加点击事件.
例:
var oImg = document.getElementById("img标签的id名")oImg.onclick = function(){
点击后要执行的事件。
}
可以使用动作绑定,增加一个监听事件就可以了!但是监听对于IE的支持比较好,还可以使用其他方式如:img.onmouseover这种试进行.
我随便写一个你试一下:
event.onmouseover=function(){
if(this.srcElement.tagName=="IMG"){
执行相应语句块
}
}
这个是每点onmouseover时都检查一下其源是否为IMG,若是则执行一个事件!这是最简单的支持IE的写法!
1、鼠标点击图片元素时,替换图片,元素上增加 onmousedown="this.src='../../../static/images/ic_wjtb_sel.png'" 就可以了<image src="../../../static/images/ic_wjtb_nor.png" onmousedown="this.src='../../../static/images/ic_wjtb_sel.png'" />
同理其他的事件都是可以的
以下所有的鼠标事件:
onclick当用户点击某个对象时调用的事件句柄。
oncontextmenu 在用户点击鼠标右键打开上下文菜单时触发
ondblclick 当用户双击某个对象时调用的事件句柄。
onmousedown鼠标按钮被按下。
onmouseenter当鼠标指针移动到元素上时触发。
onmouseleave当鼠标指针移出元素时触发
onmousemove鼠标被移动。
onmouseover 鼠标移到某元素之上。
onmouseout鼠标从某元素移开。
onmouseup 鼠标按键被松开。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)