Return to Video

03-07 Anatomy_of_a_jQuery_Event_Listener

  • 0:00 - 0:03
    到目前为止,我们已经学习浏览器事件
  • 0:03 - 0:05
    你已经了解了它们是如何被记录的
  • 0:05 - 0:09
    现在来看看如何用jQuery来监听和响应这些事件
  • 0:09 - 0:13
    响应和监听它们需要三个部分
  • 0:13 - 0:17
    被监听的目标元素,我们想要响应的事件
  • 0:17 - 0:19
    和响应的动作
  • 0:19 - 0:20
    来看一个例子
  • 0:22 - 0:25
    需要一个jQuery将要监听的目标元素
  • 0:25 - 0:29
    所以我用jQuery来选择输入范围
  • 0:30 - 0:32
    接下来,我将它命名为on方法
  • 0:32 - 0:34
    on方法就像变魔术
  • 0:34 - 0:37
    它是jQuery主要采用的一种设置事件监听的方法
  • 0:39 - 0:42
    on方法的第一个参数是想要监听的这个事件
  • 0:42 - 0:44
    这个例子中,就是keypress
  • 0:44 - 0:48
    它同样可以是用click,change,和mouseover这样一些来命名
  • 0:49 - 0:49
    最后
  • 0:49 - 0:53
    需要为这个动作加载一个响应函数
  • 0:53 - 0:55
    这里将函数命名为callback
  • 0:55 - 0:58
    这个callback函数加载到on方法里
  • 0:58 - 1:00
    这只是一个标准的JavaScript函数
  • 1:00 - 1:02
    所以,你可以包含任何你想要的Javascript代码
  • 1:02 - 1:06
    比如从改变页面内容到分析代码
  • 1:06 - 1:08
    我将通过改变函数的内容来改变这个页面的颜色
  • 1:10 - 1:11
    测试看看
  • 1:11 - 1:14
    看起不错!
  • 1:14 - 1:16
    在下一个测试中,你将创建你自己的事件监听
Tytuł:
03-07 Anatomy_of_a_jQuery_Event_Listener
Opis:

more » « less
Video Language:
English
Team:
Udacity
Projekt:
ud245 - Intro to JQuery
Duration:
01:18

Chinese, Simplified subtitles

Revisions