javascript,怎么为网页中所有img标签添加事件?

javascript,怎么为网页中所有img标签添加事件?,第1张

可以使用动作绑定,增加一个监听事件就可以了!但是监听对于IE的支持比较好,还可以使用其他方式如:

img.onmouseover这种试进行.

我随便写一个你试一下:

event.onmouseover=function(){

if(this.srcElement.tagName=="IMG"){

执行相应语句块

}

}

这个是每点onmouseover时都检查一下其源是否为IMG,若是则执行一个事件!这是最简单的支持IE的写法!

首先使用jquery选择器获取到想要绑定click事件的img元素,然后可以直接绑定click方法,也可以通过bind方法绑定。这里详细介绍一下bind方法。<br><br>jquery 事件 - bind() 方法 —— 定义和用法<br> bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。<br><br>jquery 事件 - bind() 方法 ——将事件和函数绑定到元素<br> 规定向被选元素添加的一个或多个事件处理程序,以及当事件发生时运行的函数。<br><br>jquery 事件 - bind() 方法——语法<br> $(selector).bind(event,data,function)<br><br>jquery 事件 - bind() 方法——参数描述<br> event 必需。规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。<br> data <br>可选。规定传递到函数的额外数据。<br> function<br>必需。规定当事件发生时运行的函数。<br><br>实例:<br>//直接给所有img标签绑定click事件<br>$("img").click(function(){<br> alert('你点击了图片')<br>})<br><br>//使用bind方法绑定click事件<br>$("img").bind("click",function(){<br> alert('你点击了图片')<br>})<br><br>拓展:jquery给元素绑定事件的方法还有one、live、toggle、on(新增)等方法,详细可参考jquery官方文档。

1、动态创建元素时,将事件触发方式加入到元素创建中

例如:

document.getElementById('id').innerHTML='<input type="button" onclick="btnClick()" value="aaa"/>'

function btnClick(){

    alert('事件触发')

}

2、动态创建元素完成后,重新获取该元素绑定事件

例如:

document.getElementById('id').innerHTML='<input type="button" id="btn" />'

document.getElementById('btn').onclick=function(){

    alert('事件触发')

}


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存