从零开始学 Web之jQuery（七）事件冒泡，事件参数对象，链式编程原理

大家好，这里是「从零开始学 Web 系列教程」，并在下列地址同步更新……

github：https://github.com/Daotin/Web

博客园:http://www.cnblogs.com/lvonve/

CSDN：https://blog.csdn.net/lvonve/

在这里我会从 Web 前端零基础开始，一步步学习 Web 相关的知识点，期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧！

一、事件冒泡与阻止事件冒泡

事件冒泡：当一个元素触发某个事件的时候，会把这个事件传播到其父元素，一直到顶层元素。

阻止事件冒泡：在被触发事件的子元素中添加 即可。

二、事件的触发

之前讲的绑定事件是事件触发后的事件处理过程，并且上面的事件触发是被动的事件触发，怎么可以主动触发事件呢？

文本框的获取焦点事件的触发：

PS：方式一和方式二，都可以获取文本框的焦点，并且触发浏览器的默认行为（光标闪烁）；而方式三，可以获取文本框的焦点，但是不能触发浏览器的默认行为。

三、事件参数对象

事件处理函数有没有参数呢？

通过 可以得到有一个参数，这个参数是一个对象，里面有很多事件相关的属性。

获取用户按下的组合键

altKey, ctrlKey, shiftKey 相应的按键按下后，对应事件的值为 true。

四、链式编程的原理

链式编程就是一个对象调用方法后还可以继续调用方法。这就要求对象调用方法后的返回值还是这个对象，那么这个方法内部是如何实现的呢？

其实很简单：就是在最后返回调用其的对象。 就好了。

还有一个问题，就是 jQuery 中 val(); 在没有参数时时读取数值，不能链式编程；在有参数的时候是设置，可以链式编程。

所以方法的内部实现，在 return this; 之前还要做个判断，如果有参数才返回调用对象，否则不返回。

案例：五星好评

欢迎关注

Web前端之巅

念念不忘，必有回响。