javascript - jquery的on()来给脚本添加的元素绑定事件-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - jquery的on()来给脚本添加的元素绑定事件

高洛峰 2017-04-11 11:31:24

[JavaScript讨论组]

561

jquery的on()来给脚本添加的元素绑定事件
首先得绑定静态的父元素，然后通过selector参数指定触发的元素，那么在触发的函数里，如何表示点击的对象？
例子：


    (这些a标签是js添加进来的）
    
    ...

那么按照on的用法，应该是这样写：

$("p").on("click","a",function(){
    //我这里要用到点击的a元素对象
    $(this)//这个指的是p元素而不是我具体点击的a元素，如果要取得a元素对象，该怎么办？
})

高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。网络人气名人讲师，...

全部回复(3)

伊谢尔伦2017-04-11 11:33:24 3楼

$("p").on("click", "a",function(e){
    console.log($(this))             // => 點擊的 <a>
    console.log($(e.target))         // => 點擊的 <a>
    console.log($(e.delegateTarget)) // => <p>
})

你可能要再檢查下～

赞 +0

添加回复

黄舟2017-04-11 11:33:24 2楼

这里的this是指向a的,
你是怎么判断不是a的?

$(".widget-invite p").on("click","a",function(){
  console.log($(this));
  console.log(e.currentTarget);
  return false;
});
$(".widget-invite p").append("<a>测试</a>");

当前问题详情页面添加后点击新加的测试

赞 +0

添加回复