当前位置: 代码迷 >> Web前端 >> (四)事件处理――(12)事件的缩写(Shorthand events)
  详细解决方案

(四)事件处理――(12)事件的缩写(Shorthand events)

热度:299   发布时间:2013-10-27 15:21:50.0
(4)事件处理――(12)事件的缩写(Shorthand events)

Binding a handler for an event (like a simple clickevent) is such a common task that jQuery provides an even terser way to accomplish it; shorthand event methodswork in the same way as their .bind()counterparts with a few less keystrokes.

给一个事件绑定处理器,比如click事件,是一个相当常见的任务,因此jquery提供了一个更加简洁的方法来实现。事件处理快捷方式按照在bind方法中相同的方法工作,但是却可以少输入一些字母。

For example, our style switcher could be written using .click()instead of .bind()as shown in the following code snippet:

$(document).ready(function() {
$('#switcher-default').addClass('selected');
$('#switcher button').click(function() {
var bodyClass = this.id.split('-')[1];
$('body').removeClass().addClass(bodyClass);
$('#switcher button').removeClass('selected');
$(this).addClass('selected');
});
});
Listing 3.8

例如,我们的事件处理器,可以使用click而不用bind方法,正如下面的代码显示的那样。

代码同上。

Shorthand event methods, such as this, exist for all standard DOM events, as shown in the following list:

?  blur
?  change
?  click
?  dblclick
?  error
?  focus
?  keydown
?  keypress
?  keyup
?  load
?  mousedown
?  mousemove
?  mouseout
?  mouseover
?  mouseup
?  resize

?  scroll

?  select
?  submit
?  unload

事件方法的缩写为所有的标准dom事件都处理了,请看如下清单:清单同上。

Each shortcut method binds a handler to the event with the corresponding name.

每一个快捷方法都给被合适命名的事件绑定了一个处理器。


  相关解决方案