jQuery 事件委托--多个事件

2017-03-16  本文已影响0人  April_Le

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");
上一篇 下一篇

猜你喜欢

热点阅读