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

来源:5-2 on()的高级用法

点点圈圈错错真真

2016-10-31 10:00

<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回答

  • 余生遥望素
    2016-11-09 14:41:59
    已采纳

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

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

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

    "点击这里"


    余生遥望素 回复点点圈圈错错...

    额(⊙o⊙)…差不多吧

    2016-11-09 19:58:34

    共 8 条回复 >

  • 点点圈圈错错真真
    2016-10-31 10:11:08

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

jQuery基础(三)—事件篇

jQuery第三阶段开启事件修炼,掌握对页面进行交互的操作

89997 学习 · 625 问题

查看课程

相似问题