javascript之Jquery中click、onclick、on事件的执行顺序是怎么样的呢?


摘要:
下文通过示例的方式讲述jquery中click onclick on事件的执行顺序,如下所示;

例:

<meta charset='utf-8' />
<p>
maomao365.com<br />
jquery之click,onclick,on事件的吮吸
</p>
<hr />

<script
 src="http://libs.baidu.com/jquery/1.9.0/jquery.js"> 
</script>
<script>
$(function(){
    $("body").on("click","#div2",function(){
        console.error("div2 on事件");
    });
    $("body").on("click","#div1",function(){
        console.error("div1 on事件");
    });
    $("#div2").click(function(){
        console.error("div2-click事件");
    });
    $("#div1").click(function(){
        console.error("div1-click事件");
    });
});

</script> 
<div id="div2" onclick="console.error('div2-onclick事件')">
    <div id="div1" onclick="console.error('div1-onclick事件')">
        点击DIV
    </div>
</div>
 
通过以上实验我们可以得出结论:
  先执行onclick事件,然后执行click事件
  再执行on事件 
javascript  jquery 之 onclick click on事件的执行顺序

javascript
jquery 之
onclick
click
on事件的执行顺序