[发明专利]一种触发重叠HTML元素鼠标事件的方法及装置

说明书

本发明公开了一种触发重叠HTML元素鼠标事件的方法及装置，涉及互联网技术领域，解决了在多个绝对定位的HTML元素重叠时无法根据实际条件触发各个HTML元素的鼠标事件的问题。本发明的方法包括：记录重叠的HTML元素及其鼠标事件；对每个HTML元素添加鼠标事件触发条件；给位于最上层的HTML元素添加所有鼠标事件；当最上层的HTML元素中有鼠标事件被触发时，依次获取具有被触发鼠标事件的下层HTML元素，并根据其鼠标事件触发条件对下层HTML元素执行相应的操作。本发明主要用于在多个绝对定位的HTML元素相互重叠时能够自定义触发各个HTML元素的鼠标事件。

技术领域

本发明涉及互联网技术领域，特别是涉及一种触发重叠HTML元素鼠标事件的方法及装置。

背景技术

在超文本标记语言(Hyper text Markup Language,简称HTML)页面布局中，可使用绝对定位的方法准确定位HTML元素的位置，当多个HTML元素都使用绝对定位时，这些HTML元素的位置会发生重叠，各自的内容之间会相互遮挡，为了避免上述问题的出现，目前所有的主流浏览器都支持开发出z-index属性用于控制绝对定位的HTML元素的置顶顺序，z-index属性值越大的HTML元素，其在页面中的位置越靠前。当鼠标点击或移动到这些位置重叠的HTML元素上时，只会触发z-index属性值最大的HTML元素的点击事件，而不会触发其他HTML元素的点击事件。在是在很多场景下，当多个HTML元素相互重叠时，需要触发的并不是z-index属性值最大的HTML元素，而是其他一些被重叠的HTML元素。

发明内容

有鉴于此，本发明提出了一种触发重叠HTML元素鼠标事件的方法及装置，主要目的在于解决在多个绝对定位的HTML元素重叠时无法根据实际条件触发各个HTML元素的鼠标事件的问题。

依据本发明的第一个方面，本发明提出了一种触发重叠HTML元素鼠标事件的方法，包括：

记录重叠的HTML元素及其鼠标事件；

对每个HTML元素添加鼠标事件触发条件；

给位于最上层的HTML元素添加所有鼠标事件；

当最上层的HTML元素中有鼠标事件被触发时，依次获取具有被触发鼠标事件的下层HTML元素，并根据其鼠标事件触发条件对下层HTML元素执行相应的操作。

依据本发明的第二个方面，本发明提出了一种触发重叠HTML元素鼠标事件的装置，包括：

记录单元，用于记录重叠的HTML元素及其鼠标事件；

添加单元，用于对记录单元记录的每个HTML元素添加鼠标事件触发条件；

添加单元用于给位于最上层的HTML元素添加所有鼠标事件；

处理单元，用于当最上层的HTML元素中有鼠标事件被触发时，依次获取具有被触发鼠标事件的下层HTML元素，并根据其鼠标事件触发条件对下层HTML元素执行相应的操作。

借由上述技术方案，本发明实施例提供的触发重叠HTML元素鼠标事件的方法及装置，能够记录重叠的HTML元素及其鼠标事件；对每个所述HTML元素添加鼠标事件触发条件；给位于最上层的HTML元素添加所有鼠标事件；当所述最上层的HTML元素中有鼠标事件被触发时，依次获取具有被触发鼠标事件的下层HTML元素，并根据其鼠标事件触发条件对所述下层HTML元素执行相应的操作。与现有技术中当HTML元素位置重叠时，浏览器只会触发z-index属性值最大的HTML元素的鼠标事件而忽略其他HTML元素的缺陷相比，本发明能够使得鼠标事件在z-index属性值最大的HTML元素上触发时，只需获取事件名称，查询需要触发相同事件的下层HTML元素，并根据记录的鼠标事件触发条件对下层HTML元素执行相应的操作，整个过程自动进行。由此，可以在使用绝对定位的HTML元素位置重叠时，可根据条件任意触发这些HTML元素上的鼠标事件。