本發(fā)明涉及計(jì)算機(jī)前端領(lǐng)域，具體涉及一種車輛展示頁面中按鈕的處理方法、存儲(chǔ)介質(zhì)和電子設(shè)備。

背景技術(shù)：

1、現(xiàn)有技術(shù)中，當(dāng)h5頁面中同時(shí)存在按鈕和滾動(dòng)條和被滾動(dòng)條驅(qū)動(dòng)的列表時(shí)，針對h5按鈕的拖動(dòng)會(huì)導(dǎo)致滾動(dòng)列表聯(lián)動(dòng)?，針對滾動(dòng)列表的拖動(dòng)，也會(huì)導(dǎo)致按鈕聯(lián)動(dòng)。由此，當(dāng)頁面中既有按鈕又有滾動(dòng)列表時(shí)，原本有導(dǎo)航功能的按鈕和原本對頁面展示項(xiàng)進(jìn)行交互的滾動(dòng)列表都不能正常行使各自的功能。

技術(shù)實(shí)現(xiàn)思路

1、有鑒于此,本發(fā)明的目的是提供一種車輛展示頁面中按鈕的處理方法、存儲(chǔ)介質(zhì)和電子設(shè)備。

2、第一方面，本發(fā)明提供一種車輛展示頁面中按鈕的處理方法，包括：

3、一種車輛展示頁面中按鈕的處理方法，其特征在于，所述方法包括：

4、通過監(jiān)聽程序?qū)Π粹o獲取的動(dòng)作進(jìn)行判斷;

5、響應(yīng)于判定為拖拽操作；

6、取消全局監(jiān)聽事件；

7、為按鈕添加冒泡事件；

8、將按鈕的父級組件默認(rèn)的寬、高修改為手機(jī)屏幕的寬、高；

9、進(jìn)入頁面，獲取按鈕的x、y坐標(biāo)；

10、將按鈕的x、y坐標(biāo)與拖拽軌跡同步；

11、獲取用戶對按鈕的當(dāng)前操作，當(dāng)捕獲到用戶松開按鈕時(shí)，將上述被取消的全局監(jiān)聽事件重新綁定。

12、進(jìn)一步地，所述方法還包括：

13、通過監(jiān)聽程序監(jiān)聽對按鈕的點(diǎn)擊操作；

14、跳轉(zhuǎn)到新的頁面。

15、進(jìn)一步地，所述通過監(jiān)聽程序監(jiān)聽對按鈕的拖拽操作包括：

16、獲取按鈕的動(dòng)作事件；

17、判斷所述動(dòng)作事件是否為拖拽事件。

18、進(jìn)一步地，判斷所述動(dòng)作事件是否為拖拽事件包括：

19、獲取觸摸結(jié)束和觸摸時(shí)長的值；

20、當(dāng)觸摸結(jié)束的值減去觸摸時(shí)長的值大于一個(gè)預(yù)定值時(shí)，將用戶操作判斷為拖拽；

21、否則，判定為點(diǎn)擊。

22、進(jìn)一步地，所述方法還包括：

23、通過監(jiān)聽程序監(jiān)聽到用戶對滾動(dòng)條的拖拽動(dòng)作時(shí)，將所述按鈕固定在可視區(qū)域的一個(gè)固定位置。

24、進(jìn)一步地，將所述按鈕固定在可視區(qū)域的一個(gè)固定位置包括：

25、修改所述按鈕的css定位屬性，給按鈕一個(gè)相對定位，使按鈕相對于當(dāng)前顯示區(qū)域固定。

26、本發(fā)明的第二方面提供一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，用于存儲(chǔ)計(jì)算機(jī)程序指令，其特征在于，所述計(jì)算機(jī)程序指令在被處理器執(zhí)行時(shí)實(shí)現(xiàn)上述任一項(xiàng)所述的方法。

27、本發(fā)明的第三方面提供一種電子設(shè)備，包括存儲(chǔ)器和處理器，其特征在于，所述存儲(chǔ)器用于存儲(chǔ)一條或多條計(jì)算機(jī)程序指令，其中，所述一條或多條計(jì)算機(jī)程序指令被所述處理器執(zhí)行與服務(wù)器通訊鏈接以實(shí)現(xiàn)上述中任一項(xiàng)所述的方法。

28、本發(fā)明實(shí)施例的技術(shù)方案通過監(jiān)聽程序監(jiān)聽對按鈕的拖拽操作；取消全局監(jiān)聽事件；為按鈕添加冒泡事件；將按鈕的父級組件默認(rèn)的寬、高修改為手機(jī)屏幕的寬、高；進(jìn)入頁面，獲取按鈕的x、y坐標(biāo)，將按鈕的x、y坐標(biāo)與定位同步；獲取用戶對按鈕的當(dāng)前操作，當(dāng)捕獲到用戶松開按鈕時(shí)，將上述被取消的全局監(jiān)聽事件重新綁定。實(shí)現(xiàn)了在同一個(gè)頁面既有按鈕又有滾動(dòng)列表時(shí)，用戶拖拽按鈕時(shí)不影響滾動(dòng)列表，用戶拖拽滾動(dòng)條以查看滾動(dòng)列表時(shí)不影響按鈕。由此，本發(fā)明實(shí)施例提供了一種更加方便的交互方法。

技術(shù)特征：

1.一種車輛展示頁面中按鈕的處理方法，其特征在于，所述方法包括：

2.根據(jù)權(quán)利要求1的方法，其特征在于，所述方法還包括：

3.根據(jù)權(quán)利要求1的方法，其特征在于，所述通過監(jiān)聽程序監(jiān)聽對按鈕的拖拽操作包括：

4.根據(jù)權(quán)利要求3的方法，其特征在于，通過監(jiān)聽程序?qū)Π粹o獲取的動(dòng)作進(jìn)行判斷包括：

5.根據(jù)權(quán)利要求1的方法，其特征在于，所述方法還包括：

6.根據(jù)權(quán)利要求5的方法，其特征在于，將所述按鈕固定在可視區(qū)域的一個(gè)固定位置包括：

7.一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，用于存儲(chǔ)計(jì)算機(jī)程序指令，其特征在于，所述計(jì)算機(jī)程序指令在被處理器執(zhí)行時(shí)實(shí)現(xiàn)如權(quán)利要求1-6中任一項(xiàng)所述的方法。

8.一種電子設(shè)備，包括存儲(chǔ)器和處理器，其特征在于，所述存儲(chǔ)器用于存儲(chǔ)一條或多條計(jì)算機(jī)程序指令，其中，所述一條或多條計(jì)算機(jī)程序指令被所述處理器執(zhí)行與服務(wù)器通訊鏈接以實(shí)現(xiàn)如權(quán)利要求1-6中任一項(xiàng)所述的方法。

技術(shù)總結(jié)
本發(fā)明實(shí)施例的車輛展示頁面中按鈕的處理方法，通過監(jiān)聽程序?qū)Π粹o獲取的動(dòng)作進(jìn)行判斷;響應(yīng)于判定為拖拽操作；取消全局監(jiān)聽事件；為按鈕添加冒泡事件；將按鈕的父級組件默認(rèn)的寬、高修改為手機(jī)屏幕的寬、高；進(jìn)入頁面，獲取按鈕的X、Y坐標(biāo)；將按鈕的X、Y坐標(biāo)與拖拽軌跡同步；獲取用戶對按鈕的當(dāng)前操作，當(dāng)捕獲到用戶松開按鈕時(shí)，將上述被取消的全局監(jiān)聽事件重新綁定。解決了列表與按鈕聯(lián)動(dòng)，滾動(dòng)條與按鈕聯(lián)動(dòng)的問題。使得在同一個(gè)頁面既有按鈕又有滾動(dòng)條和列表的情況下，按鈕、滾動(dòng)條和列表都能按各自的設(shè)定正常工作，由此本發(fā)明實(shí)施例的方法提供了一種更人性化的交互方式。

技術(shù)研發(fā)人員：王騰瑤,王霞
受保護(hù)的技術(shù)使用者：優(yōu)信（合肥）汽車智能再制造有限公司
技術(shù)研發(fā)日：
技術(shù)公布日：2025/1/9