delegate绑定多个事件

delegate绑定多个事件用法

比如:

<div class="div">123</div>

JS部分：

$(document).delegate(".div","mouseenter mouseleave",function(e){
   var type = e.type;
   if(type == "mouseenter"){
     $(this).css("color","#ee1313");
    }else{
     $(this).css("color","#ddd");
    }
})

显示效果为，鼠标移入显示红色(#ee1313);

移出显示为灰色(#ddd)

时间： 2024-07-30 18:10:59

delegate绑定多个事件的相关文章

bind,unbing,on,live,delegate绑定和解绑事件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content=&q

如何判断某个事件已经绑定了某个事件处理程序？

btn.Click += new EventHandler(button2_Click); //获取Button类定义的所有事件的信息PropertyInfo pi = (typeof(Button)).GetProperty("Events", BindingFlags.Instance |BindingFlags.NonPublic); //获取Button对象btn的事件处理程序列表EventHandlerList ehl = (EventHandlerList)pi.GetVa

给按钮绑定的click事件无效

1. 原因分析:按钮是发送 Ajax 请求,成功请求到数据后,使用 JQuery 动态生成的.Ajax 请求是异步刷新机制,不会等上面的代码执行完.因此给这种类型的按钮绑定点击事件时,按钮还没有被创建出,那么,click事件自然不会绑定到按钮上. 2. 解决办法: ① 在按钮创建的时候就绑定事件. ② 使用 JQuery 的 .live() 方法:给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效.但是在 JQuery 1.7开始的版本中被删除了,应该使用 .on() 来

原生js绑定和解绑事件,兼容IE,FF,chrome

主要是最近项目中用到了原生的js 解绑和绑定事件然后今天研究了一下,其实问题不大,不过要注意不要把单词写错了,今天我就找了好久单词写错了. 需求:当鼠标移上去以后,给Select加载元素,接着解除这个事件.贴上代码,这个是可以运行的,兼容 IE FF chrome 1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312&qu

对事件委托绑定click的事件的解绑

大家都知道解绑事件的jquery写法,很简单: $("xxx").unbind("click"); 然后对于事件委托式的事件绑定,亲测,这种解绑方法是无效的, $(".sideNav>ul").on("click", function (e) { alert("aaa"+$(e.tagert).index()); } 即使做判断让一部分带有某个class的li标签的ul解绑click,依然无效

Visual Event ：快速查看 DOM 上绑定的 JS 事件

http://web.jobbole.com/82503/ Javascript中的事件经常被认为如谜一般不可解.Javascript是一个事件驱动的语言,在这样的前提下前面的看法是很奇怪,但是说到它们的复杂本质和调试难度时,这样的看法又是很正常的.为此,我创建了可视化事件(Visual Event)来查看DOM节点上绑定的事件. 简介 Visual Event是一个开源 Javascript 书签,能提供绑定在DOM元素上的事件调试信息.Visual Event能显示如下信息: 1.哪一个元素

【转载】W3C下的冒泡和捕获机制。到底是冒泡呢。还是捕获呢。一个DOM元素绑定多个事件时如何执行。

原文 http://blog.csdn.net/u011719449/article/details/23787627 在准备阿里前端面试的时候看到这么一道题. 一个DOM元素绑定两个事件,一个冒泡,一个捕获,则事件会执行多少次,执行顺序如何. 这导致了我对冒泡和捕获又进一步深入的了解.(永远都在发现自己知识匮乏的日子中度过人生真是好抓急啊.) 首先冒泡和捕获是怎么一回事. 简单点说.冒泡就是从下往上,像鱼吐泡,泡泡是从下往上升的,也就是DOM元素被触法事件时(此时的dom元素为目标元素),目

jquery中bind()绑定多个事件

bind()绑定事件 $(selector).bind(event,data,function): 参数event为事件名称(如"click,mouseover....."),data是可选的,规定传递到函数的额外数据,function为事件执行的函数. 绑定单个事件比较简单 $("button").bind("click",function(){ //事件处理内容... }); 绑定多个事件时,参数在一个大括号里面,event可以加双引号也可以

了解JQuery的事件绑定特性和事件命名空间机制，编写更好、更灵活的事件处理代码

JQuery中的bind()和unbind(),提供了事件的绑定和取消机制,既可以绑定html默认支持的事件,也能够绑定自定义的事件.JQuery支持自定义事件,这显然给编程带来了极大的灵活性.下面就一起学习下,jquery事件处理的一些特性. 1.JQuery中事件可以重复绑定,不会覆盖. $("#button1").bind("click",function(){ alert("func1"); }); $("#button1&qu