美文网首页
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 事件委托--多个事件

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