jQuery事件处理

参考

1.9.1、.ready(Function callback)

文档加载完成事件,我们的所有工作都应该在此事件完成后操作。

示例:

$(document).ready(function() {
    //TODO
});
1.9.2、.resize(Function callback)

为指定元素添加尺寸变化事件的监听器。

示例:

$(window).resize(function() {
    //TODO
});
1.9.3、.click(Function callback)

为指定元素添加单击事件的监听器。

callback的原型是function(event),不过,在IE中, 不支持这样传入,而是在window对象中。

示例:

$('.loginBtn').click(function(event) {
    var e = event || window.event;
});
1.9.4、.dblclick(Function callback)

为指定元素添加双击事件的监听器。

callback的原型是function(event),不过,在IE中, 不支持这样传入,而是在window对象中。

示例:

$('.loginBtn').dblclick(function(event) {
    var e = event || window.event;
});
1.9.5、.keydown(Function callback)

为指定元素添加键盘按下事件的监听器。

callback的原型是function(event),不过,在IE中, 不支持这样传入,而是在window对象中。

在标准浏览器中用event.which指明是哪个按键被按下了,而在IE中用event.keyCode获取当前被按下的键盘按键值。

参考

示例:

$('.gallery').keydown(function(event) {
    var e = event || window.event;
    var which = e.which;
});
1.9.6、.keyup(Function callback)

为指定元素添加键盘按下后抬起事件的监听器。

callback的原型是function(event),不过,在IE中, 不支持这样传入,而是在window对象中。

在标准浏览器中用event.which指明是哪个按键被按下了,而在IE中用event.keyCode获取当前被按下的键盘按键值。

参考

示例:

$('.gallery').keydown(function(event) {
    var e = event || window.event;
    var which = e.which;
});
1.9.7、.mouseXX(Function callback)

鼠标相关的事件。可以是下面这几个事件:

事件说明
.mousedown(Function callback)鼠标被按下
.mousemove(Function callback)鼠标移动
.mouseup(Function callback)鼠标按下后被释放
.mouseenter(Function callback)鼠标进入指定元素
.mouseover(Function callback)鼠标在指定元素上
.mouseleave(Function callback)鼠标离开指定元素
.mouseout(Function callback)鼠标在指定元素外

示例:

$('.btn').mouseover(function() {
    //TODO
});
1.9.8、.on(String events [, String childSelector] [, String args] , Function callback)

events可以是多个,之间用空格隔开。

示例:

$('.loginBtn').click('touchstart click', function(event) {
    //TODO
});