YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Chinese, Simplified subtitles

← 03-07 Anatomy_of_a_jQuery_Event_Listener

Get Embed Code
16 Languages

Showing Revision 1 created 10/06/2018 by Cleo Chan.

  1. 到目前为止,我们已经学习浏览器事件
  2. 你已经了解了它们是如何被记录的
  3. 现在来看看如何用jQuery来监听和响应这些事件
  4. 响应和监听它们需要三个部分
  5. 被监听的目标元素,我们想要响应的事件
  6. 和响应的动作
  7. 来看一个例子
  8. 需要一个jQuery将要监听的目标元素
  9. 所以我用jQuery来选择输入范围
  10. 接下来,我将它命名为on方法
  11. on方法就像变魔术
  12. 它是jQuery主要采用的一种设置事件监听的方法
  13. on方法的第一个参数是想要监听的这个事件
  14. 这个例子中,就是keypress
  15. 它同样可以是用click,change,和mouseover这样一些来命名
  16. 最后
  17. 需要为这个动作加载一个响应函数
  18. 这里将函数命名为callback
  19. 这个callback函数加载到on方法里
  20. 这只是一个标准的JavaScript函数
  21. 所以,你可以包含任何你想要的Javascript代码
  22. 比如从改变页面内容到分析代码
  23. 我将通过改变函数的内容来改变这个页面的颜色
  24. 测试看看
  25. 看起不错!
  26. 在下一个测试中,你将创建你自己的事件监听