【四十五】JQ-事件

因为JavaScript在浏览器中以单线程模式运行,页面加载后,一旦页面上所有的JavaScript代码被执行完后,就只能依赖触发事件来执行JavaScript代码。

浏览器在接收到用户的鼠标或键盘输入后,会自动在对应的DOM节点上触发相应的事件。如果该节点已经绑定了对应的JavaScript处理函数,该函数就会自动调用。

由于不同的浏览器绑定事件的diamante都不太一样,所以用jQuery来写代码,就屏蔽了不同浏览器的差异,我们总是编写相同的代码。

举个例子,介绍要在 用户点击了超链接时弹出提示框,我们用jQuery这样绑定一个click事件:

/* HTML:
*
* 点我试试
*
*/

//  获取超链接的jQuery对象:
var a = $('#test-linik');
a.on('click', function() {
    alert('Hello');
})

on 方法用来绑定一个事件,我们需要传入事件名称和对应的处理函数。
另一种更简化的写法是直接调用click()方法:

a.click(function () {
    alert('Hello');
});

两者完全等价。我们通常用后面的写法。
jQuery能够绑定的事件主要包括:



鼠标事件

click: 鼠标单击时触发;
dblclick: 鼠标双击时触发;
mouseenter: 鼠标进入时触发;
mouseleave: 鼠标移除时触发;
mousemove: 鼠标在DOM内部移动时触发;
hover: 鼠标进入和退出时触发两个函数,相当于moseenter加上moseleave。

键盘事件

键盘事件仅作用在当前焦点的DOM上,通常是