显示页面上的事件处理方法、装置、电子设备及介质与流程

1.本技术中涉及数据通信技术，尤其是一种显示页面上的事件处理方法、装置、电子设备及介质。


背景技术：

2.随着互联网时代的到来，数据可视化应用在互联网中得到了很好的效果，其核心价值也在不断的体现出来。其中，一个可视化页面需要使用多个复杂组件来组合展示。
3.其中，要实现页面交互，需要对页面中的dom元素注入特定的事件，并设置事件处理流程，然后在用户触发事件时，事件处理程序执行相应函数，从而实现页面交互。
4.然而，相关技术中存在一个问题，即每个页面元素只注入一个事件处理流程的方法会导致在处理多事件页面流程时会出现处理效率低下的问题。


技术实现要素：

5.本技术实施例提供一种显示页面上的事件处理方法、装置、电子设备及介质，本技术实施例用于解决相关技术中存在的每个页面元素只注入一个事件处理流程的方法所导致的在处理多事件页面流程时会出现处理效率低下的问题。
6.其中，根据本技术实施例的一个方面，提供的一种显示页面上的事件处理方法，包括：
7.检测到目标页面上存在针对目标页面元素的触发事件，所述目标页面元素预先被配置有至少一个事件类型的处理流程；
8.确定所述触发事件对应的事件类型，所述事件类型对应于页面加载事件以及用户操作事件的其中一种；
9.基于所述事件类型，在所述目标页面上执行所述触发事件对应的处理流程。
10.可选地，在基于本技术上述方法的另一个实施例中，在所述确定所述触发事件对应的事件类型之后，还包括：
11.基于为所述目标页面元素配置的执行条件，检测是否对所述触发事件进行处理；
12.若执行条件成立，则基于所述事件类型的不同，在所述目标页面上执行所述触发事件对应的处理流程。
13.可选地，在基于本技术上述方法的另一个实施例中，所述基于为所述目标页面元素配置的执行条件，检测是否对所述触发事件进行处理，包括：
14.若确定所述事件类型对应于页面加载事件，取实现所述页面加载事件所需的页面加载参数；
15.确定所述页面加载参数是否与所述目标页面相匹配；若匹配，则确定所述触发事件的执行条件成立。
16.可选地，在基于本技术上述方法的另一个实施例中，所述基于为所述目标页面元素配置的执行条件，检测是否对所述触发事件进行处理，包括：
17.若确定所述事件类型对应于用户操作事件，获取所述用户操作事件对应的被操作对象、操作动作以及用户权限；
18.确定所述用户权限是否与所述操作动作相匹配，以及确定所述被操作对象是否与所述操作动作相匹配；
19.若匹配，则确定所述触发事件的执行条件成立。
20.可选地，在基于本技术上述方法的另一个实施例中，所述基于所述事件类型，在所述目标页面上执行所述触发事件对应的处理流程，包括：
21.若确定所述事件类型对应于页面加载事件，从预设存储区域中调取为所述目标页面元素配置的第一action事件处理函数，所述第一action事件处理函数为预先配置的，用于执行与所述页面加载事件相关联的处理流程；
22.基于所述第一action事件处理函数，在所述目标页面上执行所述触发事件对应的处理流程。
23.可选地，在基于本技术上述方法的另一个实施例中，所述基于所述事件类型，在所述目标页面上执行所述触发事件对应的处理流程，包括：
24.若确定所述事件类型对应于用户操作事件，获取预先为所述目标页面元素生成的id值；
25.将所述id值与所述用户操作事件所关联的id集合进行一一比对，确定所述id值是否存在于所述id集合中；
26.若存在，基于所述事件类型，在所述目标页面上执行所述触发事件对应的处理流程。
27.可选地，在基于本技术上述方法的另一个实施例中，所述若存在，基于所述事件类型，在所述目标页面上执行所述触发事件对应的处理流程，包括：
28.从预设存储区域中调取为所述目标页面元素配置的第二action事件处理函数，所述第二action事件处理函数为预先配置的，用于执行与所述用户操作事件相关联的处理流程；
29.基于所述第二action事件处理函数，在所述目标页面上执行所述触发事件对应的处理流程。
30.其中，根据本技术实施例的一个方面，包括：
31.检测模块，被配置为检测到目标页面上存在针对目标页面元素的触发事件，所述目标页面元素预先被配置有至少一个事件类型的处理流程；
32.确定模块，被配置为确定所述触发事件对应的事件类型，所述事件类型对应于页面加载事件以及用户操作事件的其中一种；
33.执行模块，被配置为基于所述事件类型，在所述目标页面上执行所述触发事件对应的处理流程。
34.根据本技术实施例的又一个方面，提供的一种电子设备，包括：
35.存储器，用于存储可执行指令；以及
36.显示器，用于与所述存储器执行所述可执行指令从而完成上述任一所述显示页面上的事件处理方法的操作。
37.根据本技术实施例的还一个方面，提供的一种计算机可读存储介质，用于存储计
算机可读取的指令，所述指令被执行时执行上述任一所述显示页面上的事件处理方法的操作。
38.本技术中，可以检测到目标页面上存在针对目标页面元素的触发事件，目标页面元素预先被配置有至少一个事件类型的处理流程；确定触发事件对应的事件类型，事件类型对应于页面加载事件以及用户操作事件的其中一种；基于事件类型，在目标页面上执行触发事件对应的处理流程。通过应用本技术的技术方案，可以预先将页面上存在的每个目标页面元素预先配置有一个或多个不同事件类型对应的处理函数以及执行条件，以使后续在检测到存在有针对页面元素的触发事件时，可以在确定触发的事件类型满足执行条件时，按照预先配置的处理函数在目标页面上触发事件对应的处理流程。进而避免相关技术中存在的，每个页面元素只注入一个事件处理流程的方法会导致在处理多事件页面流程时会出现处理效率低下的问题。
39.下面通过附图和实施例，对本技术的技术方案做进一步的详细描述。
附图说明
40.构成说明书的一部分的附图描述了本技术的实施例，并且连同描述一起用于解释本技术的原理。
41.参照附图，根据下面的详细描述，可以更加清楚地理解本技术，其中：
42.图1为本技术提出的一种显示页面上的事件处理的方法示意图；
43.图2为本技术提出的一种显示页面上的事件处理的流程示意图；
44.图3为本技术提出的一种显示页面上的事件处理的电子装置的结构示意图；
45.图4为本技术提出的一种显示页面上的事件处理的电子设备的结构示意图。
具体实施方式
46.现在将参照附图来详细描述本技术的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本技术的范围。
47.同时，应当明白，为了便于描述，附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。
48.以下对至少一个示例性实施例的描述实际上仅仅是说明性的，不作为对本技术及其应用或使用的任何限制。
49.对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为说明书的一部分。
50.应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。
51.另外，本技术各个实施例之间的技术方案可以相互结合，但是必须是以本领域普通技术人员能够实现为基础，当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在，也不在本技术要求的保护范围之内。
52.需要说明的是，本技术实施例中所有方向性指示(诸如上、下、左、右、前、后
……
)仅用于解释在某一特定姿态(如附图所示)下各部件之间的相对位置关系、运动情况等，如
果该特定姿态发生改变时，则该方向性指示也相应地随之改变。
53.下面结合图1-图2来描述根据本技术示例性实施方式的用于进行显示页面上的事件处理方法。需要注意的是，下述应用场景仅是为了便于理解本技术的精神和原理而示出，本技术的实施方式在此方面不受任何限制。相反，本技术的实施方式可以应用于适用的任何场景。
54.进一步的，本技术还提出一种显示页面上的事件处理方法、装置、目标终端及介质。
55.图1示意性地示出了根据本技术实施方式的一种显示页面上的事件处理方法的流程示意图。如图1所示，该方法包括：
56.s101，获检测到目标页面上存在针对目标页面元素的触发事件，目标页面元素预先被配置有至少一个事件类型的处理流程。
57.随着通信技术的不断发展，数据可视化应用在互联网中得到了很好的效果，其核心价值也在不断的体现出来。往往一个优秀的可视化页面需要使用多个复杂组件来组合展示，并且需要构建复杂的、支持交互操作的可视化页面。因此如何实现可视化页面的事件管理是其中最关键的一步。要实现页面交互，首先需要对页面元素(即dom元素)注入特定的事件，并设置事件处理程序，然后在用户触发事件时，事件处理程序执行相应函数，从而实现页面交互。
58.其中，对于页面元素来说，即为在显示页面上的一个显示元素，一种方式中，其可以为一个小图标。例如为显示页面上的一个对勾，一个叉，一个小窗口等等。用户可以通过对该页面元素的操作，进入与终端的下一个交互进程。
59.相关技术中，对于页面事件的处理一般有两种方法。一种是在html文档中直接为dom元素注入事件，称为dom0事件；另一种是通过dom2级事件动态为dom元素注入事件，且可以同时注入不同的事件处理程序。
60.进一步的，为了实现页面交互，相关技术中的方式是把一个事件处理程序赋值给dom元素。也即页面有多少个dom元素需要注入事件，就需要注入多少个事件处理程序。可以理解的，该方式虽然简单，但是每个dom元素同一时间只能注入一个事件处理程序，如果想要再次注入多个事件处理程序，则必然会覆盖掉原来的内容。
61.综上，相关技术中存在一个问题，即每个页面元素只注入一个事件处理流程的方法会导致在处理多事件页面流程时会出现处理效率低下的问题。
62.针对上述问题，本技术可以可以预先将页面上存在的每个目标页面元素预先配置有一个或多个不同事件类型对应的处理函数以及执行条件，以使后续在检测到存在有针对页面元素的触发事件时，可以在确定触发的事件类型满足执行条件时，按照预先配置的处理函数在目标页面上执行所标页面元素对应的处理流程。进而避免相关技术中存在的，每个页面元素只注入一个事件处理流程的方法会导致在处理多事件页面流程时会出现处理效率低下的问题。
63.具体来说，本技术可以首先检测在目标页面上是否存在针对目标页面元素的触发事件。其中需要说明的是，对于目标页面元素来说，其需要预先被配置有至少一个事件类型的处理流程以及对应的执行条件。其中，该事件类型可以对应于页面加载事件以及用户操作事件的其中一种。
64.s102，确定触发事件对应的事件类型，事件类型对应于页面加载事件以及用户操作事件的其中一种。
65.一种方式中，本技术实施例中可以对每个目标页面元素分别配置有一个或多个事件类型的处理流程以及对应的执行条件。以使后续在检测到不同事件类型的触发事件时，可以实现对不同事件类型的触发事件执行不同处理流程的目的。
66.需要说明的是，本技术实施例中在为页面元素预先被配置有至少一个事件类型的处理流程以及对应的执行条件的过程中，可以通过在编辑器页面为dom元素对象绑定不同事件类型的触发事件，并将事件处理函数单独保存成一份事件处理对象(例如为json数据结构)。
67.其中，页面元素还可以包含dom元素对象唯一id值，以及事件处理流程的对象。也即对于不同的事件类型来说，可以为其定义不同的事件处理流程，并将相应的事件处理流程(由处理函数定义)存入相应的事件类型对象内。而在解析器页面，在页面dom元素解析并挂载到页面后，便可遍历触发事件对应的事件类型，并执行该事件类型对应的处理函数。
68.其中，用户操作事件可以为户利用鼠标输入或键盘输入所生成的事件。例如删除数据事件，关闭窗口事件，新添信息事件等。
69.s103，基于事件类型，在目标页面上执行触发事件对应的处理流程。
70.进一步的，在此举例对本技术提出的一种显示页面上的事件处理方法进行说明：
71.步骤一：本技术可以在预设存储区域中存放有为每个页面元素(即dom元素)配置的至少一个事件类型的处理流程(由操作事件函数所定义)以及对应的执行条件。一种方式中，同一事件类型下存放的是页面元素及其对应操作事件函数。该步骤对应下面json数据结构中的eventname。
72.步骤二：一种方式中，当为某个dom元素配置至少一个事件类型的处理流程以及对应的执行条件时，还可以将对应dom元素的唯一id做为key值存放入预设存储区域中的该dom元素对应的区域中，并将对应的事件处理函数以及事件执行条件存放在key对应的value中。
73.其中，一个dom元素可对应多个不同的事件处理函数，因此用数组的形式存放。该步骤中key值对应下面json数据结构中的elid函数；而事件处理函数对应下面json数据结构中的action函数；事件执行条件对应下面json数据结构中的condition函数。
74.步骤三：在检测到目标页面上存在针对目标页面元素的触发事件时，此时，区分事件类型是页面加载事件(例如为html类型事件)还是用户操作事件(例如用户利用鼠标输入或键盘输入所生成的事件)。
75.步骤四：若确定事件类型对应于页面加载事件，即可获取页面加载事件的页面加载参数，从而根据页面加载参数是否与所述目标页面相匹配来确定页面加载事件的执行条件(condition条件)是否成立。
76.步骤五：若成立，则直接执行针对于目标页面元素来说，该页面加载事件类型对应的action事件处理函数，进而实现在目标页面上执行目标页面元素对应的页面加载事件类型的触发事件处理流程。
77.步骤六：若确定事件类型对应于用户操作事件，即可获取用户操作事件的被操作对象、操作动作以及用户权限，从而根据被操作对象、操作动作以及用户权限之间是否相匹
配来确定触发事件的执行条件是否成立。
78.步骤七：若成立，获取目标页面元素对应的id值，并将id值与用户操作事件所关联的id集合进行一一比对，确定id值是否存在于所述id集合中。可以理解的，若确定存在，即代表预先有为该目标页面元素配置有相应的用户操作事件。那么即可执行相应的action事件处理函数，从而实现在目标页面上执行触发事件对应的处理流程。
79.本技术中，可以检测到目标页面上存在针对目标页面元素的触发事件，目标页面元素预先被配置有至少一个事件类型的处理流程；确定触发事件对应的事件类型，事件类型对应于页面加载事件以及用户操作事件的其中一种；基于事件类型，在目标页面上执行触发事件对应的处理流程。通过应用本技术的技术方案，可以预先将页面上存在的每个目标页面元素预先配置有一个或多个不同事件类型对应的处理函数以及执行条件，以使后续在检测到存在有针对页面元素的触发事件时，可以在确定触发的事件类型满足执行条件时，按照预先配置的处理函数在目标页面上触发事件对应的处理流程。进而避免相关技术中存在的，每个页面元素只注入一个事件处理流程的方法会导致在处理多事件页面流程时会出现处理效率低下的问题。
80.可选的，在本技术一种可能的实施方式中，在s102(确定触发事件对应的事件类型)之后，可以实施下述步骤：
81.基于为目标页面元素配置的执行条件，检测是否对触发事件进行处理；
82.若执行条件成立，则基于事件类型的不同，在目标页面上执行触发事件对应的处理流程。
83.其中，本技术实施例中在确定触发事件对应的事件类型之后，进一步的判断当前该触发事件是否达到了该事件类型对应的执行条件。可以理解的，如果没有达到，则不必对该触发事件进行任何处理。而只有在达到执行触发事件的条件成立的情况下，才会在目标页面上执行触发事件对应的处理流程。
84.可选的，本技术在检测是否对触发事件进行处理的过程中，可以包括如下处理步骤：
85.若确定事件类型对应于页面加载事件，获取页面加载事件的页面加载参数；
86.确定页面加载参数是否与目标页面相匹配；若匹配，则对触发事件进行处理。
87.一种方式中，本技术在判断当前该触发事件是否达到了该事件类型对应的执行条件的过程中，可以在确定事件类型对应于页面加载事件时，获取页面加载事件的页面加载参数，以使后续根据该页面加载参数是否与目标页面相匹配的结果，确定触发事件的执行条件是否成立。
88.举例来说，例如在获取到页面加载参数之后，可以根据页面加载参数确定当前的显示页面是否符合页面加载条件，例如流量是否达到显示页面的要求，排版是否达到显示页面的要求等等。可以理解的，只有在该页面加载参数可以满足显示页面加载的条件下，才可以确定页面加载参数是否与所述目标页面相匹配，进而确定对触发事件进行处理。
89.可选的，本技术在检测是否对所述触发事件进行处理的过程中，可以包括如下处理步骤：
90.若确定事件类型对应于用户操作事件，获取用户操作事件对应的被操作对象、操作动作以及用户权限；
91.确定用户权限是否与操作动作相匹配，以及确定被操作对象是否与操作动作相匹配；
92.若匹配，则确定对触发事件进行处理。
93.一种方式中，本技术在判断当前该触发事件是否达到了该事件类型对应的执行条件的过程中，可以在确定事件类型对应于用户操作事件时，获取用户操作事件对应的被操作对象、操作动作以及用户权限，以使后续根据该被操作对象、操作动作以及用户权限是否互相匹配的结果，确定触发事件的执行条件是否成立。
94.举例来说，例如在获取到用户操作事件之后，可以确定用户操作事件是用户甲对数据a进行删除的事件。进而即可以获取用户操作事件对应的被操作对象(数据a)、操作动作(删除)以及用户权限(用户甲的权限)。
95.进一步的，本技术可以根据页面元素被配置的执行条件中，确定数据a是否可以被删除，和/或在数据a可以被删除的情况下，用户甲是否有删除数据a的权限。可以理解的，只有在数据a可以被删除，且用户甲有删除数据a的权限的情况下，才可以确定该删除数据a的触发事件的执行条件成立。
96.可选的，本技术在基于所述事件类型，在目标页面上执行所述触发事件对应的处理流程，包括：
97.若确定事件类型对应于页面加载事件，从预设存储区域中调取为所述目标页面元素配置的第一action事件处理函数，第一action事件处理函数为预先配置的，用于执行与所述页面加载事件相关联的处理流程；
98.基于第一action事件处理函数，在目标页面上执行触发事件对应的处理流程。
99.进一步可选的，本技术在基于所述事件类型，在目标页面上执行所述触发事件对应的处理流程，包括：
100.若确定事件类型对应于用户操作事件，获取预先为目标页面元素生成的id值；
101.将id值与用户操作事件所关联的id集合进行一一比对，确定id值是否存在于id集合中；
102.若存在，基于事件类型，在目标页面上执行触发事件对应的处理流程。
103.可选的，若存在，基于事件类型，在目标页面上执行触发事件对应的处理流程，包括：
104.从预设存储区域中调取为目标页面元素配置的第二action事件处理函数，第二action事件处理函数为预先配置的，用于执行与用户操作事件相关联的处理流程；
105.基于第二action事件处理函数，在目标页面上执行触发事件对应的处理流程。
106.本技术中在基于事件类型，在目标页面上执行触发事件对应的处理流程的过程中，可以首先在预设存储区域中存放有为每个页面元素(即dom元素)配置的至少一个事件类型的处理流程(由操作事件函数所定义)以及对应的执行条件。一种方式中，同一事件类型下存放的是页面元素及其对应操作事件函数。该步骤对应下面json数据结构中的eventname。
107.其中，当为某个dom元素配置至少一个事件类型的处理流程以及对应的执行条件时，还可以将对应dom元素的唯一id做为key值存放入预设存储区域中的该dom元素对应的区域中，并将对应的事件处理函数以及事件执行条件存放在key对应的value中。一种方式
中，一个dom元素可对应多个不同的事件处理函数，因此用数组的形式存放。该步骤中key值对应下面json数据结构中的elid函数；而事件处理函数对应下面json数据结构中的action函数；事件执行条件对应下面json数据结构中的condition函数。
108.另外，本技术实施例中还可以在检测到目标页面上存在针对目标页面元素的触发事件时，此时，区分事件类型是页面加载事件(例如为html类型事件)还是用户操作事件(例如用户利用鼠标输入或键盘输入所生成的事件)。以下分为两种情况：
109.第一种情况：
110.若确定事件类型对应于页面加载事件，即可获取页面加载事件的页面加载参数，从而根据页面加载参数是否与所述目标页面相匹配来确定页面加载事件的执行条件(condition条件)是否成立。且若成立，则直接执行页面加载事件类型对应的第一action事件处理函数，进而实现在目标页面上执行目标页面元素对应的页面加载事件类型的事件处理流程。
111.第二种情况：
112.若确定事件类型对应于用户操作事件，即可获取用户操作事件的被操作对象、操作动作以及用户权限，从而根据被操作对象、操作动作以及用户权限之间是否相匹配来确定触发事件的执行条件是否成立。且若成立，获取目标页面元素对应的id值，并将id值与用户操作事件所关联的id集合进行一一比对，确定id值是否存在于所述id集合中。
113.可以理解的，若确定存在，即代表预先有为该目标页面元素配置有相应的用户操作事件。那么即可执行相应的第二action事件处理函数，从而实现在目标页面上执行触发事件对应的处理流程。
114.以图2举例进行说明，为本技术实施例中提出的一种用于在显示页面上的事件处理的流程示意图，其中包括：
115.本技术中，可以在检测到目标页面上存在针对目标页面元素的触发事件之后，确定触发事件对应的事件类型，其中事件类型对应于页面加载事件以及用户操作事件的其中一种。且目标页面元素预先被配置有至少一个事件类型的处理流程。
116.一种方式下，若确定事件类型对应于页面加载事件，获取页面加载事件的页面加载参数，确定页面加载参数是否与目标页面相匹配；若匹配，则确定对触发事件进行处理。最后基于第一action事件处理函数，在目标页面上执行触发事件对应的处理流程。
117.另一种方式下，若确定事件类型对应于用户操作事件，获取用户操作事件对应的被操作对象、操作动作以及用户权限，并确定用户权限是否与所述操作动作相匹配，以及确定被操作对象是否与操作动作相匹配后，将目标页面元素对应的id值与用户操作事件所关联的id集合进行一一比对，确定id值是否存在于id集合中。可以理解的，若存在，则确定对触发事件进行处理。并从预设存储区域中调取目标页面元素对应的第二action事件处理函数，在目标页面上执行触发事件对应的处理流程。
118.一种方式中，通过应用本技术的技术方案，可以预先将页面上存在的每个目标页面元素预先配置有一个或多个不同事件类型对应的处理函数以及执行条件，以使后续在检测到存在有针对页面元素的触发事件时，可以在确定触发的事件类型满足执行条件时，按照预先配置的处理函数在目标页面上触发事件对应的处理流程。进而避免相关技术中存在的，每个页面元素只注入一个事件处理流程的方法会导致在处理多事件页面流程时会出现
处理效率低下的问题。
119.在本技术的另外一种实施方式中，如图3所示，本技术还提供一种显示页面上的事件处理装置。其中，该装置包括：
120.检测模块201，被配置为检测到目标页面上存在针对目标页面元素的触发事件，所述目标页面元素预先被配置有至少一个事件类型的处理流程；
121.确定模块202，被配置为确定所述触发事件对应的事件类型，所述事件类型对应于页面加载事件以及用户操作事件的其中一种；
122.执行模块203，被配置为基于所述事件类型，在所述目标页面上执行所述触发事件对应的处理流程。
123.本技术中，可以检测到目标页面上存在针对目标页面元素的触发事件，目标页面元素预先被配置有至少一个事件类型的处理流程；确定触发事件对应的事件类型，事件类型对应于页面加载事件以及用户操作事件的其中一种；基于事件类型，在目标页面上执行触发事件对应的处理流程。通过应用本技术的技术方案，可以预先将页面上存在的每个目标页面元素预先配置有一个或多个不同事件类型对应的处理函数以及执行条件，以使后续在检测到存在有针对页面元素的触发事件时，可以在确定触发的事件类型满足执行条件时，按照预先配置的处理函数在目标页面上触发事件对应的处理流程。进而避免相关技术中存在的，每个页面元素只注入一个事件处理流程的方法会导致在处理多事件页面流程时会出现处理效率低下的问题。
124.在本技术的另一种实施方式中，检测模块201，被配置为执行下述步骤：
125.基于为所述目标页面元素配置的执行条件，检测是否对所述触发事件进行处理；
126.若执行条件成立，则基于所述事件类型的不同，在所述目标页面上执行所述触发事件对应的处理流程。
127.在本技术的另一种实施方式中，检测模块201，被配置为执行下述步骤：
128.若确定所述事件类型对应于页面加载事件，获取实现所述页面加载事件所需的页面加载参数；
129.确定所述页面加载参数是否与所述目标页面相匹配；若匹配，则确定对所述触发事件进行处理。
130.在本技术的另一种实施方式中，执行模块203，被配置为执行下述步骤：
131.若确定所述事件类型对应于用户操作事件，获取所述用户操作事件对应的被操作对象、操作动作以及用户权限；
132.确定所述用户权限是否与所述操作动作相匹配，以及确定所述被操作对象是否与所述操作动作相匹配；
133.若匹配，则确定对所述触发事件进行处理。
134.在本技术的另一种实施方式中，执行模块203，被配置为执行下述步骤：
135.若确定所述事件类型对应于页面加载事件，从预设存储区域中调取为所述目标页面元素配置的第一action事件处理函数，所述第一action事件处理函数为预先配置的，用于执行与所述页面加载事件相关联的处理流程；
136.基于所述第一action事件处理函数，在所述目标页面上执行所述触发事件对应的处理流程。
137.在本技术的另一种实施方式中，执行模块203，被配置为执行下述步骤：
138.若确定所述事件类型对应于用户操作事件，获取预先为所述目标页面元素生成的id值；
139.将所述id值与所述用户操作事件所关联的id集合进行一一比对，确定所述id值是否存在于所述id集合中；
140.若存在，基于所述事件类型，在所述目标页面上执行所述触发事件对应的处理流程。
141.在本技术的另一种实施方式中，执行模块203，被配置为执行下述步骤：
142.从预设存储区域中调取为所述目标页面元素配置的第二action事件处理函数，所述第二action事件处理函数为预先配置的，用于执行与所述用户操作事件相关联的处理流程；
143.基于所述第二action事件处理函数，在所述目标页面上执行所述触发事件对应的处理流程。
144.图4是根据一示例性实施例示出的一种电子设备的逻辑结构框图。例如，电子设备300可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。
145.在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器，上述指令可由电子设备处理器执行以完成上述网络监控的方法，该方法包括：检测到目标页面上存在针对目标页面元素的触发事件，所述目标页面元素预先被配置有至少一个事件类型的处理流程；确定所述触发事件对应的事件类型，所述事件类型对应于页面加载事件以及用户操作事件的其中一种；基于所述事件类型，在所述目标页面上执行所述触发事件对应的处理流程。可选地，上述指令还可以由电子设备的处理器执行以完成上述示例性实施例中所涉及的其他步骤。例如，非临时性计算机可读存储介质可以是rom、随机存取存储器(ram)、cd-rom、磁带、软盘和光数据存储设备等。
146.在示例性实施例中，还提供了一种应用程序/计算机程序产品，包括一条或多条指令，该一条或多条指令可以由电子设备的处理器执行，以完成上述网络监控的方法，该方法包括：检测到目标页面上存在针对目标页面元素的触发事件，所述目标页面元素预先被配置有至少一个事件类型的处理流程；确定所述触发事件对应的事件类型，所述事件类型对应于页面加载事件以及用户操作事件的其中一种；基于所述事件类型，在所述目标页面上执行所述触发事件对应的处理流程。可选地，上述指令还可以由电子设备的处理器执行以完成上述示例性实施例中所涉及的其他步骤。
147.图4为计算机设备300的示例图。本领域技术人员可以理解，示意图4仅仅是计算机设备300的示例，并不构成对计算机设备300的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如计算机设备300还可以包括输入输出设备、网络接入设备、总线等。
148.所称处理器302可以是中央处理单元(central processing unit，cpu)，还可以是其他通用处理器、数字信号处理器(digital signal processor，dsp)、专用集成电路(application specific integrated circuit，asic)、现场可编程门阵列(field-programmable gate array，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、
分立硬件组件等。通用处理器可以是微处理器或者该处理器302也可以是任何常规的处理器等，处理器302是计算机设备300的控制中心，利用各种接口和线路连接整个计算机设备300的各个部分。
149.存储器301可用于存储计算机可读指令，处理器302通过运行或执行存储在存储器301内的计算机可读指令或模块，以及调用存储在存储器301内的数据，实现计算机设备300的各种功能。存储器301可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据计算机设备300的使用所创建的数据等。此外，存储器301可以包括硬盘、内存、插接式硬盘，智能存储卡(smart media card，smc)，安全数字(secure digital，sd)卡，闪存卡(flash card)、至少一个磁盘存储器件、闪存器件、只读存储器(read-only memory，rom)、随机存取存储器(random access memory，ram)或其他非易失性/易失性存储器件。
150.计算机设备300集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明实现上述实施例方法中的全部或部分流程，也可以通过计算机可读指令来指令相关的硬件来完成，的计算机可读指令可存储于一计算机可读存储介质中，该计算机可读指令在被处理器执行时，可实现上述各个方法实施例的步骤。
151.本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本技术的其它实施方案。本技术旨在涵盖本技术的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本技术的一般性原理并包括本技术未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本技术的真正范围和精神由下面的权利要求指出。
152.应当理解的是，本技术并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本技术的范围仅由所附的权利要求来限制。

技术特征：
1.一种显示页面上的事件处理方法，其特征在于，包括：检测到目标页面上存在针对目标页面元素的触发事件，所述目标页面元素预先被配置有至少一个事件类型的处理流程；确定所述触发事件对应的事件类型，所述事件类型对应于页面加载事件以及用户操作事件的其中一种；基于所述事件类型，在所述目标页面上执行所述触发事件对应的处理流程。2.如权利要求1所述的方法，其特征在于，在所述确定所述触发事件对应的事件类型之后，还包括：基于为所述目标页面元素配置的执行条件，检测是否对所述触发事件进行处理；若执行条件成立，则基于所述事件类型的不同，在所述目标页面上执行所述触发事件对应的处理流程。3.如权利要求2所述的方法，其特征在于，所述基于为所述目标页面元素配置的执行条件，检测是否对所述触发事件进行处理，包括：若确定所述事件类型对应于页面加载事件，获取实现所述页面加载事件所需的页面加载参数；确定所述页面加载参数是否与所述目标页面相匹配；若匹配，则确定对所述触发事件进行处理。4.如权利要求2所述的方法，其特征在于，所述基于为所述目标页面元素配置的执行条件，检测是否对所述触发事件进行处理，包括：若确定所述事件类型对应于用户操作事件，获取所述用户操作事件对应的被操作对象、操作动作以及用户权限；确定所述用户权限是否与所述操作动作相匹配，以及确定所述被操作对象是否与所述操作动作相匹配；若匹配，则确定对所述触发事件进行处理。5.如权利要求1所述的方法，其特征在于，所述基于所述事件类型，在所述目标页面上执行所述触发事件对应的处理流程，包括：若确定所述事件类型对应于页面加载事件，从预设存储区域中调取为所述目标页面元素配置的第一action事件处理函数，所述第一action事件处理函数为预先配置的，用于执行与所述页面加载事件相关联的处理流程；基于所述第一action事件处理函数，在所述目标页面上执行所述触发事件对应的处理流程。6.如权利要求1所述的方法，其特征在于，所述基于所述事件类型，在所述目标页面上执行所述触发事件对应的处理流程，包括：若确定所述事件类型对应于用户操作事件，获取预先为所述目标页面元素生成的id值；将所述id值与所述用户操作事件所关联的id集合进行一一比对，确定所述id值是否存在于所述id集合中；若存在，基于所述事件类型，在所述目标页面上执行所述触发事件对应的处理流程。7.如权利要求6所述的方法，其特征在于，所述若存在，基于所述事件类型，在所述目标
页面上执行所述触发事件对应的处理流程，包括：从预设存储区域中调取为所述目标页面元素配置的第二action事件处理函数，所述第二action事件处理函数为预先配置的，用于执行与所述用户操作事件相关联的处理流程；基于所述第二action事件处理函数，在所述目标页面上执行所述触发事件对应的处理流程。8.一种显示页面上的事件处理装置，其特征在于，包括：检测模块，被配置为检测到目标页面上存在针对目标页面元素的触发事件，所述目标页面元素预先被配置有至少一个事件类型的处理流程；确定模块，被配置为确定所述触发事件对应的事件类型，所述事件类型对应于页面加载事件以及用户操作事件的其中一种；执行模块，被配置为基于所述事件类型，在所述目标页面上执行所述触发事件对应的处理流程。9.一种电子设备，其特征在于，包括：存储器，用于存储可执行指令；以及，处理器，用于与所述存储器执行所述可执行指令从而完成权利要求1-7中任一所述显示页面上的事件处理方法的操作。10.一种电子设备，其特征在于，包括：存储器，用于存储可执行指令；以及，处理器，用于与所述存储器执行所述可执行指令从而完成权利要求1-7中任一所述显示页面上的事件处理方法的操作。

技术总结
本申请公开了一种显示页面上的事件处理方法、装置、电子设备及介质。通过应用本申请的技术方案，可以预先将页面上存在的每个目标页面元素预先配置有一个或多个不同事件类型对应的处理函数以及执行条件，以使后续在检测到存在有针对页面元素的触发事件时，可以在确定触发的事件类型满足执行条件时，按照预先配置的处理函数在目标页面上触发事件对应的处理流程。进而避免相关技术中存在的，每个页面元素只注入一个事件处理流程的方法会导致在处理多事件页面流程时会出现处理效率低下的问题。题。题。


技术研发人员：陈昱
受保护的技术使用者：新华三大数据技术有限公司
技术研发日：2021.12.10
技术公布日：2022/3/8