[發(fā)明專利]一種基于WEB的同屏多人交互方法

在審

• 申請(qǐng)?zhí)枺?/td>: 201910768629.3
• 申請(qǐng)日: 2019-08-20
• 公開（公告）號(hào): CN110568988A
• 公開（公告）日: 2019-12-13
• 發(fā)明（設(shè)計(jì)）人: 周斌
• 申請(qǐng)（專利權(quán)）人: 武漢鼎森電子科技有限公司
• 主分類號(hào): G06F3/0488
• 分類號(hào): G06F3/0488
• 代理公司: 42247 武漢紅觀專利代理事務(wù)所(普通合伙)
• 代理人: 李季

1.一種基于WEB的同屏多人交互方法，其特征在于：包括以下步驟：

S1、將觸控屏按分辨率分為多個(gè)的區(qū)域，并記錄觸控屏上每個(gè)區(qū)域中每個(gè)像素的坐標(biāo)；

S2、監(jiān)聽觸控屏上元素的觸摸事件，當(dāng)發(fā)生觸摸事件時(shí)，產(chǎn)生事件對(duì)象，獲取事件對(duì)象，再確定觸摸事件發(fā)生的區(qū)域；

S3、在觸摸事件發(fā)生的區(qū)域內(nèi)阻止觸摸事件的冒泡傳遞；

S4、后臺(tái)響應(yīng)觸摸事件。

2.如權(quán)利要求1所述的一種基于WEB的同屏多人交互方法，其特征在于：所述觸控屏支持多點(diǎn)觸控。

3.如權(quán)利要求1所述的一種基于WEB的同屏多人交互方法，其特征在于：所述S2中觸摸事件包括點(diǎn)觸摸和滑動(dòng)觸摸。

4.如權(quán)利要求3所述的一種基于WEB的同屏多人交互方法，其特征在于：所述S2中事件對(duì)象包括觸發(fā)事件的橫縱坐標(biāo)，記為(x,y)。

5.如權(quán)利要求4所述的一種基于WEB的同屏多人交互方法，其特征在于：所述S2還包括以下步驟：

S201、通過js監(jiān)聽觸摸事件，并通過addEventListener()綁定觸摸事件；

S202、當(dāng)觸摸事件發(fā)生時(shí)，先捕獲觸摸事件，再找到目標(biāo)，最后進(jìn)入冒泡階段；

S203、在捕獲階段捕獲到觸發(fā)事件的橫縱坐標(biāo)(x,y)，根據(jù)坐標(biāo)確定觸發(fā)事件發(fā)生的目標(biāo)點(diǎn)。

6.如權(quán)利要求5所述的一種基于WEB的同屏多人交互方法，其特征在于：所述S3中通過event.stopPropagation()或event.preventDefault()方法阻止觸摸事件的冒泡傳遞。