YouTube

Got a YouTube account?

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

Chinese, Simplified subtitles

← What are Browser Events

Get Embed Code
12 Languages

Showing Revision 1 created 04/25/2019 by Yi Bai.

  1. 现实生活中的事件指的是在特定时刻
  2. 发生的特定行为
  3. 比如 在篮球赛上 球进框的时候
  4. 投球的队伍得分
  5. 事件就是球进框
  6. 由此产生的行为是投球的队伍得分
  7. 浏览器中也有事件
  8. 每次你移动鼠标 点击链接
  9. 提交表格 或者随便做点啥
  10. 你的浏览器就会对你的行为作出通告
  11. 来看看浏览器到底在做些什么
  12. Google Chrome提供了一个好用的函数
  13. 监控事件的函数 它使你能够窥探其中奥妙
  14. 从而知道事件是怎么发生的
  15. 你把页面中你想要监控事件的元素
  16. 传给这个函数
  17. 现在这个函数只能在Chrome开发工具的终端使用
  18. 不要在你的JavaScript文件中尝试使用它
  19. 用不了 只会产生一个引用错误
  20. 讲明白了这点 我们来看看它提供的反馈
  21. 在这个页面上 你可以看到我有一个简单的文本框
  22. 首先 我用jQuery选中页面上所有的输入
  23. 然后 我选定其中的这个
  24. 接着 我将调用监控事件的函数
  25. 把包含第一个文本框内容的变量传给它
  26. 这个监控事件的函数监控着这个元素的相关事件
  27. 记录下所有信息
  28. 那么 我来和文本框交互一下 看看Chrome记录事件的过程
  29. 你可以看到 使用这个监控事件的函数
  30. 你可以观察到在你和页面上的元素做不同的互动时
  31. 浏览器都在干什么