[发明专利]一种事件代理方法及系统

说明书

本发明提供了一种事件代理方法及系统，该方法包括：将事件处理器预先与子元素的父元素或比所述父元素更高级的元素进行绑定；事件处理器被触发后，遍历与所述事件处理器所绑定元素的所有子元素，依据为子元素预设的标识属性找到响应所述事件处理器的子元素；事件处理器从找到的子元素的预设存储属性中获取执行数据，依据所述执行数据执行操作。根据本发明提供的技术方案，提高前端页面的处理效率。

【技术领域】

本发明涉及互联网领域的前端页面开发技术，尤其涉及一种事件代理方法及系统。

【背景技术】

在商户中心的前端页面开发过程中，传统的事件处理方法是按照需求为每一个子元素绑定事件处理器，而前端页面中通常有许多子元素，因此就需要绑定多个事件处理器，但是绑定的事件处理器较多时，如果需要连续触发或同时触发多个事件处理器，则需要连续触发或同时触发这些事件处理器绑定的子元素，如此，将导致前端页面的效率低下，从而造成内存泄露或浏览器崩溃。

此外，每个子元素在响应同一个事件处理器时，在很多时候需要用的执行数据是有差别的，这样就需要在每个子元素的标签中存储一定的数据，例如将所需要的执行数据保存在如ID、name、title等子元素的属性中。当子元素响应事件处理器时，需要多个执行数据的支持，因此为了保存执行数据，需要设置多个属性来保存执行数据，从而使得前端页面中的代码冗长，不利于代码的更新和维护。

【发明内容】

本发明提供了一种事件代理方法及系统，提高前端页面的处理效率。

本发明的具体技术方案如下：

根据本发明一优选实施例，一种事件代理方法，将事件处理器预先与子元素的父元素或比所述父元素更高级的元素进行绑定，包括：

事件处理器被触发后，遍历与所述事件处理器所绑定元素的所有子元素，依据为子元素预设的标识属性找到响应所述事件处理器的子元素；

事件处理器从找到的子元素的预设存储属性中获取执行数据，依据所述执行数据执行操作。

上述方法中，所述存储属性存储一个以上执行数据的组合。

上述方法中，所述事件处理器包括元素名称字段；

将事件处理器预先与子元素的父元素或比所述父元素更高级的元素绑定为：将事件处理器中的元素名称字段中的元素的名称设置为父元素的名称或比所述父元素更高级的元素的名称。

上述方法中，所述依据为子元素预设的标识属性找到响应所述事件处理器的子元素，具体为：

从遍历的子元素中找到包含标识属性的子元素且所述标识属性的取值指示所述事件处理器的子元素。

上述方法中，所述事件处理器包括执行函数字段；

所述事件处理器依据所述执行数据执行操作具体为：

事件处理器将获取的执行数据和响应所述事件处理器的子元素作为参数，输入到从所述执行函数字段获取的执行函数中。

一种事件代理系统，包括：绑定单元、事件处理器；其中，

绑定单元，用于将事件处理器预先与子元素的父元素或比所述父元素更高级的元素进行绑定；

事件处理器，用于在被触发后，遍历与所述事件处理器所绑定元素的所有子元素，依据为子元素预设的标识属性找到响应所述事件处理器的子元素；还用于从找到的子元素的预设存储属性中获取执行数据，依据所述执行数据执行操作。

上述系统中，所述存储属性存储一个以上执行数据的组合。

上述系统中，

所述事件处理器包括元素名称字段；