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

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

（4）事件处理——（12）事件的缩写（Shorthand events）相关推荐

linux input子系统分析--子系统核心.事件处理层.事件传递过程
linux input子系统分析--子系统核心.事件处理层.事件传递过程一. 输入子系统核心分析. 1.输入子系统核心对应与/drivers/input/input.c文件,这个也是作为一个模块注 ...
事件处理-注册时间 // 事件处理-修饰符 // 事件处理-键盘事件的修饰符 // 事件处理-系统修饰符 // 事件处理-鼠标修饰符
事件处理-注册事件 <!DOCTYPE html> <html lang="en"><head><meta charset="U ...
【Vue2.0】—事件处理和事件修饰符（二）
[Vue2.0]-事件处理和事件修饰符(二) <div id="root"><h2>{{name}},加油!</h2><!-- 阻止默认事 ...
jQuery学习笔记系列（三）——事件注册、事件处理、事件对象、拷贝对象、多库共存、jQuery插件、toDoList综合案例
day03 - jQuery 学习目标: 能够说出4种常见的注册事件能够说出 on 绑定事件的优势能够说出 jQuery 事件委派的优点以及方式能够说出绑定事件与解绑事件能够说出 jQuery ...
学以致用——Java源码——键盘事件演示程序（Keystroke Events Demo Program）
程序功能捕捉用户在键盘上的按键,按键分为三种类型: 1. 操作键(Action Key)(箭头.Home.End.翻页键.功能键(F1-F12).INSERT键.PRINT SCREEN键.CAPS ...
js事件处理、事件对象
事件类型分类: 1 添加在html结构中的事件 <div id="div1" onclick="alert('append click event in html' ...
java实用教程——组件及事件处理——DocumentEvent事件
DocumentEvent事件源: 文本区Document的维护注册监视器: 使用addDocumentListener(DocumentListener listen)为事件源添加监视器 Docu ...
java实用教程——组件及事件处理——ActionEvent事件
事件源: 文本框,按钮,菜单项,密码框,单选按钮注册监视器: 能够触发ActionEvent事件的组件使用方法 addActionListener(ActionListener listener) ...
Js事件处理之“事件传播三个阶段”
一.三个阶段根据事件流类型,可以把事件传播的整个过程分为3个阶段,依次为: 事件捕获阶段先由文档的根节点document往事件触发对象,从外向内捕获事件对象目标阶段(目标对象本身的事件程序) 到 ...

（4）事件处理——（12）事件的缩写（Shorthand events）

（4）事件处理——（12）事件的缩写（Shorthand events）相关推荐

最新文章

热门文章