本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，特別是涉及一種觸發(fā)重疊HTML元素鼠標(biāo)事件的方法及裝置。

背景技術(shù)：

在超文本標(biāo)記語言(Hyper text Markup Language,簡稱HTML)頁面布局中，可使用絕對定位的方法準(zhǔn)確定位HTML元素的位置，當(dāng)多個HTML元素都使用絕對定位時，這些HTML元素的位置會發(fā)生重疊，各自的內(nèi)容之間會相互遮擋，為了避免上述問題的出現(xiàn)，目前所有的主流瀏覽器都支持開發(fā)出z-index屬性用于控制絕對定位的HTML元素的置頂順序，z-index屬性值越大的HTML元素，其在頁面中的位置越靠前。當(dāng)鼠標(biāo)點擊或移動到這些位置重疊的HTML元素上時，只會觸發(fā)z-index屬性值最大的HTML元素的點擊事件，而不會觸發(fā)其他HTML元素的點擊事件。在是在很多場景下，當(dāng)多個HTML元素相互重疊時，需要觸發(fā)的并不是z-index屬性值最大的HTML元素，而是其他一些被重疊的HTML元素。

技術(shù)實現(xiàn)要素：

有鑒于此，本發(fā)明提出了一種觸發(fā)重疊HTML元素鼠標(biāo)事件的方法及裝置，主要目的在于解決在多個絕對定位的HTML元素重疊時無法根據(jù)實際條件觸發(fā)各個HTML元素的鼠標(biāo)事件的問題。

依據(jù)本發(fā)明的第一個方面，本發(fā)明提出了一種觸發(fā)重疊HTML元素鼠標(biāo)事件的方法，包括：

記錄重疊的HTML元素及其鼠標(biāo)事件；

對每個HTML元素添加鼠標(biāo)事件觸發(fā)條件；

給位于最上層的HTML元素添加所有鼠標(biāo)事件；

當(dāng)最上層的HTML元素中有鼠標(biāo)事件被觸發(fā)時，依次獲取具有被觸發(fā)鼠標(biāo)事件的下層HTML元素，并根據(jù)其鼠標(biāo)事件觸發(fā)條件對下層HTML元素執(zhí)行相應(yīng)的操作。

依據(jù)本發(fā)明的第二個方面，本發(fā)明提出了一種觸發(fā)重疊HTML元素鼠標(biāo)事件的裝置，包括：

記錄單元，用于記錄重疊的HTML元素及其鼠標(biāo)事件；

添加單元，用于對記錄單元記錄的每個HTML元素添加鼠標(biāo)事件觸發(fā)條件；

添加單元用于給位于最上層的HTML元素添加所有鼠標(biāo)事件；

處理單元，用于當(dāng)最上層的HTML元素中有鼠標(biāo)事件被觸發(fā)時，依次獲取具有被觸發(fā)鼠標(biāo)事件的下層HTML元素，并根據(jù)其鼠標(biāo)事件觸發(fā)條件對下層HTML元素執(zhí)行相應(yīng)的操作。

借由上述技術(shù)方案，本發(fā)明實施例提供的觸發(fā)重疊HTML元素鼠標(biāo)事件的方法及裝置，能夠記錄重疊的HTML元素及其鼠標(biāo)事件；對每個所述HTML元素添加鼠標(biāo)事件觸發(fā)條件；給位于最上層的HTML元素添加所有鼠標(biāo)事件；當(dāng)所述最上層的HTML元素中有鼠標(biāo)事件被觸發(fā)時，依次獲取具有被觸發(fā)鼠標(biāo)事件的下層HTML元素，并根據(jù)其鼠標(biāo)事件觸發(fā)條件對所述下層HTML元素執(zhí)行相應(yīng)的操作。與現(xiàn)有技術(shù)中當(dāng)HTML元素位置重疊時，瀏覽器只會觸發(fā)z-index屬性值最大的HTML元素的鼠標(biāo)事件而忽略其他HTML元素的缺陷相比，本發(fā)明能夠使得鼠標(biāo)事件在z-index屬性值最大的HTML元素上觸發(fā)時，只需獲取事件名稱，查詢需要觸發(fā)相同事件的下層HTML元素，并根據(jù)記錄的鼠標(biāo)事件觸發(fā)條件對下層HTML元素執(zhí)行相應(yīng)的操作，整個過程自動進行。由此，可以在使用絕對定位的HTML元素位置重疊時，可根據(jù)條件任意觸發(fā)這些HTML元素上的鼠標(biāo)事件。

上述說明僅是本發(fā)明技術(shù)方案的概述，為了能夠更清楚了解本發(fā)明的技術(shù)手段，而可依照說明書的內(nèi)容予以實施，并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點能夠更明顯易懂，以下特舉本發(fā)明的具體實施方式。

附圖說明

通過閱讀下文優(yōu)選實施方式的詳細(xì)描述，各種其他的優(yōu)點和益處對于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實施方式的目的，而并不認(rèn)為是對本發(fā)明的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中：

圖1示出了本發(fā)明實施例提供的一種觸發(fā)重疊HTML元素鼠標(biāo)事件的方法的流程圖；

圖2示出了本發(fā)明實施例提供的一種觸發(fā)重疊HTML元素鼠標(biāo)事件的裝置的組成框圖；

圖3示出了本發(fā)明實施例提供的另一種觸發(fā)重疊HTML元素鼠標(biāo)事件的裝置的組成框圖。

具體實施方式

下面將參照附圖更加詳細(xì)地描述本公開的示例性實施例。雖然附圖中顯示了本公開的示例性實施例，然而應(yīng)當(dāng)理解，可以以各種形式實現(xiàn)本公開而不應(yīng)被這里闡述的實施例所限制。相反，提供這些實施例是為了能夠更透徹地理解本公開，并且能夠?qū)⒈竟_的范圍完整的傳達(dá)給本領(lǐng)域的技術(shù)人員。

在現(xiàn)有使用絕對定位的HTML元素的位置相互重疊時，瀏覽器只會觸發(fā)z-index屬性值最大的HTML元素的鼠標(biāo)事件而忽略其他HTML元素，但是在很多場景下，存在根據(jù)實際情況觸發(fā)各個HTML元素的鼠標(biāo)事件的需求。

為了解決在多個絕對定位的HTML元素相互重疊時無法根據(jù)實際條件觸發(fā)各個HTML元素的鼠標(biāo)事件的問題，本發(fā)明實施例提供了一種觸發(fā)重疊HTML元素鼠標(biāo)事件的方法，如圖1所示，該方法包括：

101、記錄重疊的HTML元素及其鼠標(biāo)事件。

當(dāng)多個絕對定位的HTML元素相互重疊時，由于每個HTML元素都具有各自的鼠標(biāo)事件，這些鼠標(biāo)事件通常包括：click(單擊鼠標(biāo)左鍵時發(fā)生)、dbclick(雙擊鼠標(biāo)左鍵時發(fā)生)、mousedown(按下任一個鼠標(biāo)按鍵時發(fā)生)、mouseup(松開一個鼠標(biāo)按鍵時發(fā)生)等，為了后續(xù)能夠區(qū)分重疊的各個HTML元素對應(yīng)的鼠標(biāo)事件并對其進行相應(yīng)條件的觸發(fā)，本發(fā)明實施例需要執(zhí)行步驟101記錄重疊的HTML元素及其鼠標(biāo)事件，即將各個HTML元素和其鼠標(biāo)事件進行相互關(guān)聯(lián)或?qū)?yīng)。

102、對每個HTML元素添加鼠標(biāo)事件觸發(fā)條件。

當(dāng)在步驟101中記錄了每個HTML元素及其對應(yīng)的鼠標(biāo)事件后，針對一個HTML元素而言，觸發(fā)其鼠標(biāo)事件的發(fā)生還需要滿足一定的條件，若對該 HTML元素而言沒有達(dá)到觸發(fā)條件，則相應(yīng)的鼠標(biāo)事件無法發(fā)生。例如，以鼠標(biāo)事件為onMouseOver的一個HTML元素為例,只有在鼠標(biāo)移動到該HTML元素范圍的上方時才會觸發(fā)該事件。因此，本發(fā)明實施例需要執(zhí)行步驟102對每個HTML元素添加鼠標(biāo)事件觸發(fā)條件。

103、給位于最上層的HTML元素添加所有鼠標(biāo)事件。

由于多個HTML元素相互重疊時，瀏覽器只會觸發(fā)位于最上層的HTML元素的鼠標(biāo)事件，若最上層的HTML元素只具有其自身的鼠標(biāo)事件時，則瀏覽器只會觸發(fā)該最上層HTML元素自身的鼠標(biāo)事件。而本發(fā)明實施例是為了根據(jù)條件在相互重疊的HTML元素中觸發(fā)各個HTML元素的鼠標(biāo)事件，基于瀏覽器只會觸發(fā)最上層HTML元素的鼠標(biāo)事件的情況，因此本發(fā)明實施例可以執(zhí)行步驟103給位于最上層的HTML元素添加所有鼠標(biāo)事件，也就是在最上層的HTML元素中添加位于下層的各個HTML元素的鼠標(biāo)事件，使得瀏覽器在最上層HTML元素中能夠觸發(fā)下層HTML元素的鼠標(biāo)事件。

104、當(dāng)最上層的HTML元素中有鼠標(biāo)事件被觸發(fā)時，依次獲取具有被觸發(fā)鼠標(biāo)事件的下層HTML元素，并根據(jù)其鼠標(biāo)事件觸發(fā)條件對下層HTML元素執(zhí)行相應(yīng)的操作。

當(dāng)在步驟103中給位于最上層的HTML元素添加所有鼠標(biāo)事件之后，由于最上層的HTML元素中具有包含下層HTML元素鼠標(biāo)事件在內(nèi)的各個鼠標(biāo)事件，因此當(dāng)最上層的HTML元素中有鼠標(biāo)事件被觸發(fā)時，該觸發(fā)的鼠標(biāo)事件可以為最上層的HTML元素自身的鼠標(biāo)事件，也可以為下層HTML元素的鼠標(biāo)事件，本發(fā)明實施例還需要在步驟104中當(dāng)最上層的HTML元素中有鼠標(biāo)事件被觸發(fā)時，依次獲取具有被觸發(fā)鼠標(biāo)事件的下層HTML元素，并根據(jù)具有被觸發(fā)鼠標(biāo)事件的下層HTML元素自身的鼠標(biāo)事件觸發(fā)條件對所述下層HTML元素執(zhí)行相應(yīng)的操作。

本發(fā)明實施例提供的一種觸發(fā)重疊HTML元素鼠標(biāo)事件的方法，能夠記錄重疊的HTML元素及其鼠標(biāo)事件；對每個所述HTML元素添加鼠標(biāo)事件觸發(fā)條件；給位于最上層的HTML元素添加所有鼠標(biāo)事件；當(dāng)所述最上層的HTML元素中有鼠標(biāo)事件被觸發(fā)時，依次獲取具有被觸發(fā)鼠標(biāo)事件的下層HTML元素，并根據(jù)其鼠標(biāo)事件觸發(fā)條件對所述下層HTML元素執(zhí)行相應(yīng)的操作。與 現(xiàn)有技術(shù)中當(dāng)HTML元素位置重疊時，瀏覽器只會觸發(fā)z-index屬性值最大的HTML元素的鼠標(biāo)事件而忽略其他HTML元素的缺陷相比，本發(fā)明能夠使得鼠標(biāo)事件在z-index屬性值最大的HTML元素上觸發(fā)時，只需獲取事件名稱，查詢需要觸發(fā)相同事件的下層HTML元素，并根據(jù)記錄的鼠標(biāo)事件觸發(fā)條件對下層HTML元素執(zhí)行相應(yīng)的操作，整個過程自動進行。由此，可以在使用絕對定位的HTML元素位置重疊時，可根據(jù)條件任意觸發(fā)這些HTML元素上的鼠標(biāo)事件。

為了更好的對上述圖1所示的方法進行理解，本發(fā)明實施例將針對圖1中的各步驟進行詳細(xì)說明。

在多個HTML元素相互重疊的情況下，為了便于記錄重疊的HTML元素及其鼠標(biāo)事件，本發(fā)明實施例可以使用一個對象數(shù)組記錄重疊的各個HTML元素，數(shù)組里的每個HTML元素都可以看作為對象。具體的，需要定義數(shù)組中每個HTML元素的鼠標(biāo)事件及該鼠標(biāo)事件的回調(diào)函數(shù)，其中鼠標(biāo)事件的回調(diào)函數(shù)為針對特定的鼠標(biāo)事件定義的一個回調(diào)函數(shù)，該鼠標(biāo)事件回調(diào)函數(shù)不關(guān)心是哪個主體進行調(diào)用函數(shù)的操作，只是在鼠標(biāo)事件滿足特定的條件或當(dāng)特定的事件發(fā)生的時候，該鼠標(biāo)事件回調(diào)函數(shù)會執(zhí)行相應(yīng)的操作。當(dāng)在對象數(shù)組中定義了每個HTML元素的鼠標(biāo)事件及鼠標(biāo)事件回調(diào)函數(shù)后，需要同時記錄每個HTML元素的鼠標(biāo)事件名稱和鼠標(biāo)事件回調(diào)函數(shù)。例如，在本發(fā)明實施例中，可以使用對象數(shù)組記錄這些位置重疊的HTML元素，給每個HTML元素添加所需的鼠標(biāo)事件，記錄對象數(shù)組中每個HTML元素的下列屬性：對HTML元素引用的element屬性、鼠標(biāo)事件名稱name屬性、鼠標(biāo)事件回調(diào)函數(shù)fun屬性。

當(dāng)通過對象數(shù)組記錄了每個HTML元素的鼠標(biāo)事件及其鼠標(biāo)事件回調(diào)函數(shù)后，在該對象數(shù)組的基礎(chǔ)上，本發(fā)明實施例還需要對對象數(shù)組中的每個HTML元素進行擴充，即為每個HTML元素添加鼠標(biāo)事件觸發(fā)條件，也就是需要向鼠標(biāo)事件添加條件邏輯，只有當(dāng)滿足鼠標(biāo)事件觸發(fā)條件后，瀏覽器才能響應(yīng)該鼠標(biāo)事件并執(zhí)行相應(yīng)的操作。具體的，本發(fā)明實施例可以自定義每個HTML元素的條件屬性，該條件屬性的屬性值可以為一個條件函數(shù)，所述條件函數(shù)的返回值代表滿足條件與否的情況。例如，本發(fā)明實施例可以 為每個HTML元素添加condition屬性，此函數(shù)返回值是true或false，返回true代表滿足鼠標(biāo)事件觸發(fā)條件，返回false代表不滿足鼠標(biāo)事件觸發(fā)條件。

由于在HTML頁面布局中，可以使用絕對定位準(zhǔn)確確定HTML元素的位置，當(dāng)多個HTML元素都使用絕對定位時，位置會發(fā)生重疊，內(nèi)容會相互遮擋，而瀏覽器只會觸發(fā)最上層的HTML元素的鼠標(biāo)事件。因此，當(dāng)通過上述方式為每個HTML元素添加了鼠標(biāo)事件、鼠標(biāo)事件觸發(fā)條件及鼠標(biāo)事件回調(diào)函數(shù)后，本發(fā)明還需要獲取位于最上層的HTML元素。由于HTML元素的置頂順序可以通過z-index屬性進行控制，HTML元素的z-index屬性值越大，該HTML元素越靠前。當(dāng)鼠標(biāo)點擊或移動到這些位置重疊的HTML元素上時，瀏覽器只會觸發(fā)z-index屬性值最大的HTML元素的鼠標(biāo)事件，而不會觸發(fā)其他HTML元素的鼠標(biāo)事件。因此，本發(fā)明實施例首先需要讀取各個HTML元素的z-index屬性，找到z-index屬性值最大的HTML元素，從而獲取位于最上層的HTML元素。

由于瀏覽器會響應(yīng)位于最上層的HTML元素的鼠標(biāo)事件而忽略其他HTML元素，因此本發(fā)明實施例需要給最上層的HTML元素添加所有鼠標(biāo)事件，即給最上層的HTML元素添加各個下層HTML元素的鼠標(biāo)事件，從而使瀏覽器在響應(yīng)最上層的HTML元素的鼠標(biāo)事件時會響應(yīng)到其他HTML元素的鼠標(biāo)事件。

當(dāng)在最上層的HTML元素中添加了各個HTML元素的鼠標(biāo)事件后，若最上層的HTML元素中有一個鼠標(biāo)事件觸發(fā)時，可以根據(jù)該被觸發(fā)的鼠標(biāo)事件名稱從先前建立的對象數(shù)組中查找與該被觸發(fā)的鼠標(biāo)事件名稱相同的鼠標(biāo)事件所屬的HTML元素，并讀取該HTML元素上的鼠標(biāo)事件觸發(fā)條件即condition屬性，調(diào)用執(zhí)行condition屬性指向的函數(shù)，若condition屬性的返回值為true，則獲取該HTML元素上的鼠標(biāo)事件回調(diào)函數(shù)即該HTML元素記錄的fun屬性，并執(zhí)行fun屬性上的回調(diào)函數(shù)，從而使瀏覽器能夠?qū)ξ挥谙聦拥脑揌TML元素進行響應(yīng)；若condition屬性的返回值為false，則瀏覽器不會對該HTML元素進行響應(yīng)。

按照上述過程，在對象數(shù)組中依次尋找與最上層HTML元素中被觸發(fā)的 鼠標(biāo)事件名稱相同的鼠標(biāo)事件所屬的HTML元素，并執(zhí)行其鼠標(biāo)事件觸發(fā)條件的條件函數(shù)，根據(jù)條件函數(shù)的返回值來判定是否需要執(zhí)行相應(yīng)的鼠標(biāo)事件回調(diào)函數(shù)，若需要則調(diào)用鼠標(biāo)事件回調(diào)函數(shù)使瀏覽器對該HTML元素進行響應(yīng)；若不需要則不會調(diào)用鼠標(biāo)事件回調(diào)函數(shù)，瀏覽器也不會對該HTML元素進行響應(yīng)。

由于各個HTML元素中的鼠標(biāo)事件觸發(fā)條件的條件函數(shù)可以根據(jù)業(yè)務(wù)場景靈活定義，因此本發(fā)明實施例可以根據(jù)業(yè)務(wù)場景自定義各個HTML元素的鼠標(biāo)事件觸發(fā)條件，使得瀏覽器在z-index屬性值最大的HTML元素上觸發(fā)鼠標(biāo)事件時，只需獲取被觸發(fā)的鼠標(biāo)事件名稱，查詢需要觸發(fā)相同鼠標(biāo)事件的HTML元素，并根據(jù)自定義的鼠標(biāo)事件觸發(fā)條件的條件函數(shù)的返回值來調(diào)用鼠標(biāo)事件回調(diào)函數(shù)，整個過程自動進行。編寫程序時，只需定義HTML元素上的鼠標(biāo)事件名稱、鼠標(biāo)事件觸發(fā)條件的條件函數(shù)、鼠標(biāo)事件回調(diào)函數(shù)即可使瀏覽器能夠在最上層HTML元素中完成對下層各個HTML元素的鼠標(biāo)事件進行自動觸發(fā)的操作。

進一步的，作為對上述圖1所示方法的應(yīng)用，本發(fā)明實施例還提供了一種觸發(fā)重疊HTML元素鼠標(biāo)事件的裝置，如圖2所示，該裝置包括：記錄單元21、添加單元22及處理單元23，其中，

記錄單元21，用于記錄重疊的HTML元素及其鼠標(biāo)事件；

添加單元22，用于對記錄單元21記錄的每個HTML元素添加鼠標(biāo)事件觸發(fā)條件；

添加單元22還用于給位于最上層的HTML元素添加所有鼠標(biāo)事件；

處理單元23，用于當(dāng)最上層的HTML元素中有鼠標(biāo)事件被觸發(fā)時，依次獲取具有被觸發(fā)鼠標(biāo)事件的下層HTML元素，并根據(jù)其鼠標(biāo)事件觸發(fā)條件對下層HTML元素執(zhí)行相應(yīng)的操作。

進一步的，記錄單元21用于使用對象數(shù)組記錄重疊的HTML元素，給每個HTML元素添加所需的鼠標(biāo)事件，并記錄HTML元素的鼠標(biāo)事件名稱和鼠標(biāo)事件回調(diào)函數(shù)。

進一步的，添加單元22用于自定義每個HTML元素的條件屬性，條件屬性的屬性值為一個條件函數(shù)，條件函數(shù)的返回值代表滿足條件與否的情 況。

進一步的，如圖3所示，添加單元22包括：

獲取模塊221，用于獲取HTML元素的z-index屬性值并根據(jù)z-index屬性值獲取最上層的HTML元素；

添加模塊222，用于給獲取模塊221獲取的最上層的HTML元素添加所有下層HTML元素的鼠標(biāo)事件。

進一步的，處理單元23包括：

確定模塊231，用于根據(jù)下層HTML元素中記錄的鼠標(biāo)事件名稱在下層HTML元素中確定與最上層的HTML元素中被觸發(fā)鼠標(biāo)事件的鼠標(biāo)事件名稱相同的目標(biāo)HTML元素，并獲取目標(biāo)HTML元素的鼠標(biāo)事件觸發(fā)條件的條件屬性；

判斷模塊232，用于根據(jù)條件屬性的值判斷是否需要調(diào)用目標(biāo)HTML元素的鼠標(biāo)事件回調(diào)函數(shù)；

調(diào)用模塊233，用于當(dāng)判斷結(jié)果為是時，調(diào)用目標(biāo)HTML元素的鼠標(biāo)事件回調(diào)函數(shù)觸發(fā)目標(biāo)HTML元素的鼠標(biāo)事件。

本發(fā)明實施例提供的一種觸發(fā)重疊HTML元素鼠標(biāo)事件的裝置，能夠記錄重疊的HTML元素及其鼠標(biāo)事件；對每個所述HTML元素添加鼠標(biāo)事件觸發(fā)條件；給位于最上層的HTML元素添加所有鼠標(biāo)事件；當(dāng)所述最上層的HTML元素中有鼠標(biāo)事件被觸發(fā)時，依次獲取具有被觸發(fā)鼠標(biāo)事件的下層HTML元素，并根據(jù)其鼠標(biāo)事件觸發(fā)條件對所述下層HTML元素執(zhí)行相應(yīng)的操作。與現(xiàn)有技術(shù)中當(dāng)HTML元素位置重疊時，瀏覽器只會觸發(fā)z-index屬性值最大的HTML元素的鼠標(biāo)事件而忽略其他HTML元素的缺陷相比，本發(fā)明能夠使得鼠標(biāo)事件在z-index屬性值最大的HTML元素上觸發(fā)時，只需獲取事件名稱，查詢需要觸發(fā)相同事件的下層HTML元素，并根據(jù)記錄的鼠標(biāo)事件觸發(fā)條件對下層HTML元素執(zhí)行相應(yīng)的操作，整個過程自動進行。由此，可以在使用絕對定位的HTML元素位置重疊時，可根據(jù)條件任意觸發(fā)這些HTML元素上的鼠標(biāo)事件。

此外，本發(fā)明實施例可以根據(jù)業(yè)務(wù)場景自定義各個HTML元素的鼠標(biāo)事件觸發(fā)條件，使得瀏覽器在z-index屬性值最大的HTML元素上觸發(fā)鼠標(biāo)事 件時，只需獲取被觸發(fā)的鼠標(biāo)事件名稱，查詢需要觸發(fā)相同鼠標(biāo)事件的HTML元素，并根據(jù)自定義的鼠標(biāo)事件觸發(fā)條件的條件函數(shù)的返回值來調(diào)用鼠標(biāo)事件回調(diào)函數(shù)，整個過程自動進行。編寫程序時，只需定義HTML元素上的鼠標(biāo)事件名稱、鼠標(biāo)事件觸發(fā)條件的條件函數(shù)、鼠標(biāo)事件回調(diào)函數(shù)即可使瀏覽器能夠在最上層HTML元素中完成對下層各個HTML元素的鼠標(biāo)事件進行自動觸發(fā)的操作。

所述觸發(fā)重疊HTML元素鼠標(biāo)事件的裝置包括處理器和存儲器，上述記錄單元21、添加單元22及處理單元23均作為程序單元存儲在存儲器中，由處理器執(zhí)行存儲在存儲器中的上述程序單元來實現(xiàn)相應(yīng)的功能。

處理器中包含內(nèi)核，由內(nèi)核去存儲器中調(diào)取相應(yīng)的程序單元。內(nèi)核可以設(shè)置一個或以上，通過調(diào)整內(nèi)核參數(shù)來實現(xiàn)在多個絕對定位的HTML元素重疊時能夠根據(jù)實際條件觸發(fā)各個HTML元素的鼠標(biāo)事件的目的。

存儲器可能包括計算機可讀介質(zhì)中的非永久性存儲器，隨機存取存儲器(RAM)和/或非易失性內(nèi)存等形式，如只讀存儲器(ROM)或閃存(flash RAM)，存儲器包括至少一個存儲芯片。

本申請還提供了一種計算機程序產(chǎn)品，當(dāng)在數(shù)據(jù)處理設(shè)備上執(zhí)行時，適于執(zhí)行初始化有如下方法步驟的程序代碼：記錄重疊的HTML元素及其鼠標(biāo)事件；對每個HTML元素添加鼠標(biāo)事件觸發(fā)條件；給位于最上層的HTML元素添加所有鼠標(biāo)事件；當(dāng)最上層的HTML元素中有鼠標(biāo)事件被觸發(fā)時，依次獲取具有被觸發(fā)鼠標(biāo)事件的下層HTML元素，并根據(jù)其鼠標(biāo)事件觸發(fā)條件對下層HTML元素執(zhí)行相應(yīng)的操作。

本領(lǐng)域內(nèi)的技術(shù)人員應(yīng)明白，本申請的實施例可提供為方法、系統(tǒng)、或計算機程序產(chǎn)品。因此，本申請可采用完全硬件實施例、完全軟件實施例、或結(jié)合軟件和硬件方面的實施例的形式。而且，本申請可采用在一個或多個其中包含有計算機可用程序代碼的計算機可用存儲介質(zhì)(包括但不限于磁盤存儲器、CD-ROM、光學(xué)存儲器等)上實施的計算機程序產(chǎn)品的形式。

本申請是參照根據(jù)本申請實施例的方法、設(shè)備(系統(tǒng))、和計算機程序產(chǎn)品的流程圖和/或方框圖來描述的。應(yīng)理解可由計算機程序指令實現(xiàn)流 程圖和/或方框圖中的每一流程和/或方框、以及流程圖和/或方框圖中的流程和/或方框的結(jié)合?？商峁┻@些計算機程序指令到通用計算機、專用計算機、嵌入式處理機或其他可編程數(shù)據(jù)處理設(shè)備的處理器以產(chǎn)生一個機器，使得通過計算機或其他可編程數(shù)據(jù)處理設(shè)備的處理器執(zhí)行的指令產(chǎn)生用于實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的裝置。

這些計算機程序指令也可存儲在能引導(dǎo)計算機或其他可編程數(shù)據(jù)處理設(shè)備以特定方式工作的計算機可讀存儲器中，使得存儲在該計算機可讀存儲器中的指令產(chǎn)生包括指令裝置的制造品，該指令裝置實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能。

這些計算機程序指令也可裝載到計算機或其他可編程數(shù)據(jù)處理設(shè)備上，使得在計算機或其他可編程設(shè)備上執(zhí)行一系列操作步驟以產(chǎn)生計算機實現(xiàn)的處理，從而在計算機或其他可編程設(shè)備上執(zhí)行的指令提供用于實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的步驟。

在一個典型的配置中，計算設(shè)備包括一個或多個處理器(CPU)、輸入/輸出接口、網(wǎng)絡(luò)接口和內(nèi)存。

存儲器可能包括計算機可讀介質(zhì)中的非永久性存儲器，隨機存取存儲器(RAM)和/或非易失性內(nèi)存等形式，如只讀存儲器(ROM)或閃存(flash RAM)。存儲器是計算機可讀介質(zhì)的示例。

計算機可讀介質(zhì)包括永久性和非永久性、可移動和非可移動媒體可以由任何方法或技術(shù)來實現(xiàn)信息存儲。信息可以是計算機可讀指令、數(shù)據(jù)結(jié)構(gòu)、程序的模塊或其他數(shù)據(jù)。計算機的存儲介質(zhì)的例子包括，但不限于相變內(nèi)存(PRAM)、靜態(tài)隨機存取存儲器(SRAM)、動態(tài)隨機存取存儲器(DRAM)、其他類型的隨機存取存儲器(RAM)、只讀存儲器(ROM)、電可擦除可編程只讀存儲器(EEPROM)、快閃記憶體或其他內(nèi)存技術(shù)、只讀光盤只讀存儲器(CD-ROM)、數(shù)字多功能光盤(DVD)或其他光學(xué)存儲、磁盒式磁帶，磁帶磁磁盤存儲或其他磁性存儲設(shè)備或任何其他非傳輸介質(zhì)，可用于存儲可以被計算設(shè)備訪問的信息。按照本文中的界定，計算機可讀介質(zhì)不 包括暫存電腦可讀媒體(transitory media)，如調(diào)制的數(shù)據(jù)信號和載波。

以上僅為本申請的實施例而已，并不用于限制本申請。對于本領(lǐng)域技術(shù)人員來說，本申請可以有各種更改和變化。凡在本申請的精神和原理之內(nèi)所作的任何修改、等同替換、改進等，均應(yīng)包含在本申請的權(quán)利要求范圍之內(nèi)。