志不同道不合_不相为谋
志不同道不合_不相为谋

[JavaScript] (Day-26) - jQuery 事件

[JavaScript] (Day-26) - jQuery 事件_第1张图片
Make everything as simple as possible, but not simpler — Albert Einstein 把每件事，做简单到极致，但又不过于简单 - 阿尔伯特·爱因斯坦

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

jQuery能够绑定的事件主要包括：

鼠标事件

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

例如：

/* HTML:
 * 点我试试
 */
// 获取超链接的jQuery对象:
var a = $('#test-link');
a.on('click', function () {
    alert('Hello!');
});

on方法用来绑定一个事件，我们需要传入事件名称和对应的处理函数。

另一种更简化的写法是直接调用click()方法：

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

两者完全等价。我们通常用后面的写法。

键盘事件

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