jQuery 事件委托--多个事件

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");
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,769评论 19 139
  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 5,535评论 2 10
  • 第1章 鼠标事件 1-1 jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是...
    mo默22阅读 5,057评论 0 6
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 5,214评论 0 8
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 115,174评论 24 450