前端事件大全

加on和不加on的区别:

        1.加on的是绑定事件,绑定在某个元素上,当该元素满足事件条件时执行,示例 : 

<script type="text/javascript">   
function change(){   
alert("onclick");   
}   
</script>  
<button id="btn3" onclick="change()">dd</button>   

        2.不加on的是方法,作用是,当调用这个方法的元素满足事件状态时,执行事件方法中的function方法代码

<script type="text/javascript">   
$(function(){   
    $("#btn4").click(function(){   
        alter("1");
    });   
});   
</script>  
<button id="btn4">ee</button> 

提示:两者用法有些许不同,是两个感念,但本质一样,加on的是在元素中绑定一个在js中写好的方法,不加on是获取一个元素,给他加上事件方法

注意:

        1 . 事件方法中不要直接写代码,要写function(){}方法后在里面写代码

        元素.click(function(){

                执行操作: