jQuery 事件操作

jQuery 事件操作

$(function(){ }); 和 window.onload = function(){}

顺序：
1、jQuery 页面加载完成之后先执行
2、原生 js 的页面加载完成之后执行

执行：
1、jQuery 执行所有加载代码
2、原生 js 只执行最后一个加载代码（会覆盖之前的）

jQuery 中其他的事件处理方法

click( ) 它可以绑定单击事件，以及触发单击事件
mouseover( ) 鼠标移入事件
mouseout( ) 鼠标移出事件
bind( ) 可以给元素一次性绑定一个或多个事件
one( ) 使用效果与 bind( ) 一样 但是 one( ) 绑定的事件只会响应一次
live( ) 也是用来绑定事件。它可以用来绑定选择器匹配的所有元素的事件。哪怕这个元素是后面动 态创建出的也有效

事件的冒泡

什么是事件的冒泡？
事件的冒泡是指，父子元素同时监听同一个事件。当触发子元素的事件的时候，同一个事件也被传递到了父元素的事件里去响应。

如何阻止事件冒泡：在子元素事件函数里，return false；

JavaScript 事件对象

事件对象，是封装有触发的事件信息的一个 JavaScript 对象。
我们重点关注的是怎么拿到这个 JavaScript 对象 以及 使用

如何获取 JavaScript 对象？
在给元素绑定事件的时候，在事件的 function(event) 参数列表中添加一个参数，这个参数名，我们习惯取名为event 。 这个 event 就是 JavaScript 传递参事件中处理函数的事件对象

1.原生 JavaScript 获取 事件对象

window.onload = function( ) {
	document.getElementById("areaDiv").onclick = function(event){
        console.log(event);
    }
}

2.jQuery 代码获取 事件对象

$(function (){
    $("#areaDiv").click(function(event){
      console.log(event);    
     });
});