问答详情
源自：5-2 on()的高级用法

把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   

“点击绿色这里

     点击这里”


提问者：点点圈圈错错真真 2016-10-31 10:00

个回答

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

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

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

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

    "点击这里"


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

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

    0