为了账号安全,请及时绑定邮箱和手机立即绑定

把a 换成 arron 弹出的结果不一样.......求解答

<body>

    <h2>on事件委托</h2>

    <div class="left">

        <div class="aaron">

           点击绿色这里

           <a>点击这里</a>

        </div>

    </div>

    <script type="text/javascript">

    $('body').on('click', '.aaron', function(e) {

       alert(e.target.textContent)

    })

    </script>

</body>

为什么 点击a 会弹出 

“点击这里 ” 

 点击a不是应该向上冒泡 找到选择器 在触发函数 吗

 点击 .arron   

“点击绿色这里

     点击这里”


正在回答

2 回答

你好,你点击a时,程序确实向上冒泡了 找到选择器  触发了函数  但由于你点击的是 a 标签  因此

$('body').on('click', '.aaron', function(e) {
       alert(e.target.textContent)
    })

该函数中的‘e’获取到的元素是“a”标签   所以弹出的结果仍然是

"点击这里"


2 回复 有任何疑惑可以回复我~
#1

点点圈圈错错真真 提问者

非常感谢!
2016-11-09 回复 有任何疑惑可以回复我~
#2

余生遥望素 回复 点点圈圈错错真真 提问者

不用谢,都是初学者
2016-11-09 回复 有任何疑惑可以回复我~
#3

点点圈圈错错真真 提问者 回复 余生遥望素

你学多久了 ?
2016-11-09 回复 有任何疑惑可以回复我~
#4

余生遥望素 回复 点点圈圈错错真真 提问者

你说的多久是接触jquery的时间?
2016-11-09 回复 有任何疑惑可以回复我~
#5

点点圈圈错错真真 提问者 回复 余生遥望素

写代码的时间
2016-11-09 回复 有任何疑惑可以回复我~
#6

余生遥望素 回复 点点圈圈错错真真 提问者

开始接触 html 到现在的时间一年左右吧,真正写代码的时间不多,因为我还要每周一到周五上各种扯淡的学科。
2016-11-09 回复 有任何疑惑可以回复我~
#7

点点圈圈错错真真 提问者 回复 余生遥望素

好吧 大学生?
2016-11-09 回复 有任何疑惑可以回复我~
#8

余生遥望素 回复 点点圈圈错错真真 提问者

额(⊙o⊙)…差不多吧
2016-11-09 回复 有任何疑惑可以回复我~
查看5条回复

on() 方法在被选元素及子元素上添加一个或多个事件处理程序。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

把a 换成 arron 弹出的结果不一样.......求解答

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信