火狐浏览器下用js为img元素添加点击事件

火狐浏览器下用js为img元素添加点击事件,第1张

首先获取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 鼠标按键被松开。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11931019.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存