-
2020-01-01 00:00
- 24
- 0
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8"/>
<title>Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="renderer" content="webkit"/>
</head>
<body>
<div id="container">
<button id="go">click me</button>
</div>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script>
var go = document.getElementById('go');
var container = document.getElementById('container');
container.addEventListener('click', function (e) {
console.log(e.target, this, e.currentTarget);
})//依次输出 button container container
$('#container').on('click', 'button', function (e) {
console.log(e.target, this, e.currentTarget);
console.log(e.originalEvent.target, this, e.originalEvent.currentTarget);
})//依次输出 button button button
// button button container
$('#container').on('click', function (e) {
console.log(e.target, this, e.currentTarget);
console.log(e.originalEvent.target, this, e.originalEvent.currentTarget);
})//依次输出 button container container
// button container container
</script>
</body>
</html>jquery使用on在参数里面添加selector参数可以实现事件代理
由e.originEvent.currentTarget获取的是container可以知道的确通过事件冒泡代理了事件
但是为什么在这种情况下e.currentTarget却不等于e.originEvent.currentTarge,如果是故意这样设计，那设计的目的是什么？还是这个是一个BUG？
0
打赏
收藏
点击回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部