首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2013-10-27 
(4)事件处理——(12)事件的缩写(Shorthand events)Binding a handler for an event (like a simple clickeve

(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.

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


热点排行