文档加载完成事件,我们的所有工作都应该在此事件完成后操作。
示例:
$(document).ready(function() {
//TODO
});
为指定元素添加尺寸变化事件的监听器。
示例:
$(window).resize(function() {
//TODO
});
为指定元素添加单击事件的监听器。
callback
的原型是function(event)
,不过,在IE中, 不支持这样传入,而是在window
对象中。
示例:
$('.loginBtn').click(function(event) {
var e = event || window.event;
});
为指定元素添加双击事件的监听器。
callback
的原型是function(event)
,不过,在IE中, 不支持这样传入,而是在window
对象中。
示例:
$('.loginBtn').dblclick(function(event) {
var e = event || window.event;
});
为指定元素添加键盘按下事件的监听器。
callback
的原型是function(event)
,不过,在IE中, 不支持这样传入,而是在window
对象中。
在标准浏览器中用event.which
指明是哪个按键被按下了,而在IE中用event.keyCode
获取当前被按下的键盘按键值。
示例:
$('.gallery').keydown(function(event) {
var e = event || window.event;
var which = e.which;
});
为指定元素添加键盘按下后抬起事件的监听器。
callback
的原型是function(event)
,不过,在IE中, 不支持这样传入,而是在window
对象中。
在标准浏览器中用event.which
指明是哪个按键被按下了,而在IE中用event.keyCode
获取当前被按下的键盘按键值。
示例:
$('.gallery').keydown(function(event) {
var e = event || window.event;
var which = e.which;
});
鼠标相关的事件。可以是下面这几个事件:
事件 | 说明 |
---|---|
.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
});
events
可以是多个,之间用空格隔开。
示例:
$('.loginBtn').click('touchstart click', function(event) {
//TODO
});