美文网首页
jQuery 事件委托--多个事件

jQuery 事件委托--多个事件

作者: April_Le | 来源:发表于2017-03-16 20:43 被阅读0次

jQuery事件委托绑定多个事件可以使用on或者delegate

<ul>
    <li>li1</li>
    <li>li2</li>
    <li>li3</li>
</ul>
$("ul").delegate("li","click mouseover",function(e){
    console.log($(e.target).text());
});

两者的事件和元素顺序不一样,不要记反了
或者:

$("ul").on("click mouseover","li",function(e){
        console.log(e.target.innerText);
});

也可以使用 map 参数添加多个事件

$("ul").on({
        click:function(e){
            console.log(e.target.innerText);
        },
        mouseover:function(e){
            console.log(e.target.innerText);
        }
    },"li");

相关文章

  • jQuery 事件委托--多个事件

    jQuery事件委托绑定多个事件可以使用on或者delegate: 两者的事件和元素顺序不一样,不要记反了或者: ...

  • jQuery事件基础

    1、on()多事件绑定(多事件绑定同一个函数、多事件绑定多个函数、高级用法) 2、jQuery事件对象/事件委托(...

  • JQuery事件委托

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

  • 事件冒泡 委托 节点 ajax jsonp

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

  • 2018-12-10

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

  • 前端(十七)

    事件冒泡 鼠标移入移出 input框事件 jQuery其他事件 绑定事件bind 自定义事件 事件委托 节点操作

  • jQuery 事件委托

    html js

  • jQuery 事件委托

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

  • jQuery事件委托

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

  • js事件委托

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

网友评论

      本文标题:jQuery 事件委托--多个事件

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