首页 > 其他 > 详细

获得当前目标元素

时间:2016-05-09 21:49:21      阅读:156      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!