温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

jquery中delegate函数参数有哪些

发布时间:2021-03-09 14:58:08 来源:亿速云 阅读:222 作者:小新 栏目:开发技术

这篇文章将为大家详细讲解有关jquery中delegate函数参数有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

  delegate()方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。使用delegate()方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。

  jquerydelegate语法

  $(selector).delegate(childSelector,event,data,function)

  参数 描述

  childSelector 必需。规定要附加事件处理程序的一个或多个子元素。

  event 

  必需。规定附加到元素的一个或多个事件。

  由空格分隔多个事件值。必须是有效的事件。

  data 可选。规定传递到函数的额外数据。

  function 必需。规定当事件发生时运行的函数。

  delegate()函数用于为指定元素的一个或多个事件绑定事件处理函数。

  此外,你还可以额外传递给事件处理函数一些所需的数据。

  即使是执行delegate()函数之后新添加的元素,只要它符合条件,绑定的事件处理函数仍然对其有效。

  此外,该函数可以为同一元素、同一事件类型绑定多个事件处理函数。触发事件时,jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。

  jQueryObject.delegate(selector,eventsMap)参数

  参数 描述

  selector String类型一个jQuery选择器,用于指定哪些后代元素可以触发绑定的事件。如果该参数为null或被省略,则表示当前元素自身绑定事件(实际触发者也可能是后代元素,只要事件流能到达当前元素即可)。

  events String类型一个或多个用空格分隔的事件类型和可选的命名空间,例如"click"、"focusclick"、"keydown.myPlugin"。

  data 可选/任意类型触发事件时,需要通过event.data传递给事件处理函数的任意数据。

  handler Functidelegate类型指定的事件处理函数。

  eventsMap Object类型一个Object对象,其每个属性对应事件类型和可选的命名空间(参数events),属性值对应绑定的事件处理函数(参数handler)。

  关于参数events中可选的命名空间,请参考最下面的示例代码。

  关于参数selector,你可以简单地理解为:如果该参数等于null或被省略,则为当前匹配元素绑定事件;否则就是为当前匹配元素的后代元素中符合selector选择器的元素绑定事件。

  参数handler中的this指向当前匹配元素的后代元素中触发该事件的DOM元素。如果参数selector等于null或被省略,则this指向当前匹配元素(也就是该元素)。

  delegate()还会为handler传入一个参数:表示当前事件的Event对象。

  参数handler的返回值与DOM原生事件的处理函数返回值作用一致。例如"submit"(表单提交)事件的事件处理函数返回false,可以阻止表单的提交。

关于“jquery中delegate函数参数有哪些”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI