码迷,mamicode.com
首页 > 其他好文 > 详细

获得当前目标元素

时间:2016-05-09 21:50:15      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:

html部分

<ul>
      <li>li1</li>
      <li>li2</li>
      <li>li3</li>
      <li>li4</li>
      <li>li5</li>
      <li>li6</li>
    </ul>
    <p>p</p>
    <span>span</span>

如果用jquery

<script>
(function(){
  //这样可以获取当前li里面的目标元素
  $(document).on(‘click‘,‘li‘,function(e){
    console.log(e.target);
  })
  //这样可以获取html中的任何目标元素
  $(document).on(‘click‘,function(e){
    console.log(e.target);
  })
})();

</script>

如果是原生

<script>
    // var event = event || window.event;
    document.onclick = function(e){
      console.log(e.target);
    }
</script>

那么在页面上点击哪个元素,就会显示出当前目标元素是什么

技术分享

获得当前目标元素

标签:

原文地址:http://www.cnblogs.com/hanyining/p/5475362.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!