微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery事件用法详解

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

我们可以用jQuery这样绑定一个click事件:

rush:js;"> /* HTML: * * * */

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

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

rush:js;"> a.click(function () { alert('Hello!'); });

jQuery能够绑定的事件

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

键盘事件

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