焦点事件

在我们做项目的过程中，我们一般做多条件查询的话，都是点击按钮来进行多条件查询的，然而会有一些它是没有按钮的，然而我们想要实现多条件查询的话，我们可以利用焦点事件来实现多条件查询，然而焦点事件里面有失去焦点事件和触发焦点事件。

下面我们来讲一下触发焦点事件（focus）和失去焦点事件(blur)的基本信息：

触发焦点：

$("Element").focus()

触发每一个匹配元素获得焦点事件。

$("Element").focus(function)

事件会在获得焦点的时候触发，既可以是鼠标行为，也可以是按tab键导航触发的行为，并且绑定一个处理方法。

简单的说就是当元素获得焦点的时候就会触发事件。

 

失去焦点：

$("Element").blur()

触发每一个匹配元素失去焦点事件。

$("Element").blur(function)

事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的行为，并且绑定一个处理方法。

简单的说就是当元素失去焦点的时候就会触发事件。

下面我们来看一下页面：

我们需要的效果就是当我点击经理下拉框的时候，然后我们选中某一个经理，接着我们就随便点击任何一个地方，除经理下拉框的Select标签，这样我们就可以进行筛选的操作了。

页面上的代码如下：

然后Js也是很简单的，下面来看一下我的代码：

控制器就不给大家展示了，这样就已经完成了利用焦点事件来实现多条件查询了。

效果图如下：