美文网首页
jQuery事件委托

jQuery事件委托

作者: David_Rao | 来源:发表于2020-02-01 11:46 被阅读0次

什么是事件委托?

请别人帮忙做事情,然后将做完的结果反馈给我们

为什么使用事件委托

  • 使用场景:
    即使一开始对所有li添加click事件,因为入口函数在所有dom元素都加载完毕才执行,新增的li不会执行click添加的事件。
  • 解决方案:
    将li的click事件委托给ul来监听
  • 实现原理:
    点击的是li,但li没有绑定click事件,根据事件冒泡,传递到ul,ul有click事件,所以click得到响应。
    但是触发的对象仍然是li,所以this指向的是li,而不是ul。

怎么是用事件委托

"委托给的元素".delegate("有需要委托的元素", "委托事件", 委托方法)
jQuery3.0以上版本弃用了该方法,可用on()代替

$(function () {
    $("button").click(function () {
        $("ul").append("<li>我是新增的li</li>")
    });
    $("ul").delegate("li", "click", function () {
        console.log($(this).html)());
    });
});

相关文章

  • JQuery事件委托

    JavaScript(jQuery)中的事件委托 一:什么是事件委托? 事件委托是利用事件冒泡,只指定一个事件...

  • 事件冒泡 委托 节点 ajax jsonp

    事件冒泡 事件委托 节点操作 ajax ajax jQuery-jsonp

  • jQuery 事件委托

    html js

  • jQuery 事件委托

    我们在绑定事件时(比如点击事件),只能绑定在HTML页面已有的元素上(比如下方html里的 上),当使用jQuer...

  • jQuery事件委托

    什么是事件委托? 请别人帮忙做事情,然后将做完的结果反馈给我们 为什么使用事件委托 使用场景:即使一开始对所有li...

  • js事件委托

    事件委托的使用地点 事件委托的原理 jQuery中封装耳朵事件委托 问题 将ajax请求回来的数据动态的拼接到ht...

  • 前端 - 事件委托

    事件委托,就是把事件委托给别人,让别人来帮自己完成。 注:本文 JavaScript 代码部分使用 jQuery ...

  • 2018-12-10

    jQuery其他事件 绑定事件bind 自定义事件 事件冒泡 定时器弹框 事件委托

  • jQuery事件委托和JS事件委托

    jQuery事件委托没得说,直接用on的方式在事件类型参数的后边加一个真正触发事件的对象即可,同时jQuery提供...

  • javascript事件委托和jquery事件委托

    元旦过后,新年第一篇。初衷:很多的面试都会涉及到事件委托,前前后后也看过好多博文,写的都很不错,写的各有千秋,自己...

网友评论

      本文标题:jQuery事件委托

      本文链接:https://www.haomeiwen.com/subject/vewtxhtx.html