》》》イベントとは
イベントはビュー層からロジック層への通信手段です。
イベントは、ユーザーの行動をロジック層にフィードバックして処理できます。
イベントはコンポーネントにバインドでき、トリガーイベントに達(dá)すると、ロジック層の対応するイベント処理関數(shù)が実行されます。
イベント オブジェクトは、ID、データセット、タッチなどの追加情報(bào)を運(yùn)ぶことができます。
》》》イベント分類
touchstart 指タッチ
touchmove タッチ後の指の動き
touchcancel ポップアップや通話リマインダーなど、指タッチ操作が中斷される
touchend 指touch 動作終了
tap 指に觸れたら離れる
longtap 指に觸れたら350ms以上離れる
》》》イベントバインディング
イベントバインディングの書き方は同じですキーと値の形式を持つコンポーネントの屬性。
keyはbindまたはcatchで始まり、bindtap、catchtouchstartなどのイベントのタイプが続きます
値はstringであり、同じ名前の関數(shù)が対応するページで定義されている必要があります。そうしないと、イベントがトリガーされたときにエラーが報(bào)告されます。 binding イベント バインディングはバブリング イベントの上方へのバブリングを妨げませんが、catch イベント バインディングはバブリング イベントの上方へのバブリングを防ぐことができます。
ミニプログラムイベントの基本は上で簡単に紹介しましたが、ここで「イベント」の力を示します:
クリック(タップ)
ダブルクリック(dbtap)
(ロングタップ)
スライディング
マルチタッチ
1. クリック
クリックイベントはタッチスタートとタッチエンドで構(gòu)成され、タップイベントはタッチエンドの後にトリガーされます。
<view> <button type="primary" bindtouchstart="mytouchstart" bindtouchend="mytouchend" bindtap="mytap">點(diǎn)我吧</button> </view>
2. ダブルクリック
2 つのクリック イベント間の間隔が 300 ミリ秒未満の場合、WeChat 公式ドキュメントにはダブルクリックとみなされます。ダブルクリックイベントが発生するため、開発者は獨(dú)自の処理を定義する必要があります。
mytouchstart: function(e){ console.log(e.timeStamp + '- touch start')
},mytouchend: function(e){ console.log(e.timeStamp + '- touch end')
},mytap: function(e){ console.log(e.timeStamp + '- tap')
}
3.長押し
長押しイベント 指をタッチした後、350ms以上放置します。
<view> <button type="primary" bindtap="mytap">點(diǎn)我吧</button> </view>
<view>
<button type="primary" bindtouchstart="mytouchstart" bindlongtap="mylongtap"
bindtouchend="mytouchend" bindtap="mytap">點(diǎn)我吧</button>
</view>クリック、ダブルクリック、長押しはタッチ イベントで、タッチスタート、タッチエンド、タップ イベントがトリガーされます。タッチキャンセル イベントは実際のデバイスでのみシミュレートできるため、これ以上は説明しません。
| イベント | トリガーシーケンス |
|---|---|
| クリック | タッチスタート→タッチエンド→タップ |
| ダブルクリック | タッチスタート→タッチエンド→タップ→タッチスタート→タッチエンド→タップ |
| タッチスタート → ロングタップ→タッチエンド→タップ |
4. スライド
指が畫面に觸れて移動します。以下では、簡単のため、水平方向のスライドと垂直方向のスライドを例に挙げます。 スライディング イベントは、touchstart、touchmove、touchend で構(gòu)成されます。
座標(biāo)図:
畫面の左上隅を原點(diǎn)とする直交座標(biāo)系を確立します。第 4 象限は攜帯電話の畫面で、Y 軸が低いほど座標(biāo)値が大きくなります (數(shù)學(xué)的な象限との違いに注意してください)。
點(diǎn) A が touchstart イベントのタッチ點(diǎn)であり、座標(biāo)が A(ax,ay) であると仮定し、指が點(diǎn) B(bx,by) までスライドすると、條件は < になります。
も同様に満たされます。 cx > ax を満たす C(cx, cy) まで下にスライドします。 dy > E( を満たす) ex, ey)、ex < ax を満たす
Y 軸上の線分 AB の投影された長さを m として計(jì)算し、X 軸上の投影された長さを n として計(jì)算します
r = m/n、r > 1 の場合、上にスライドするとみなします。
同様に、線分AC、AD、AEのY軸への投影長とX軸への投影長の比を計(jì)算し、右、下、左へのスライド量を求めます。
上記はrが1の場合を考慮していません。
mytouchstart: function(e){ console.log(e.timeStamp + '- touch start')
},//長按事件mylongtap: function(e){ console.log(e.timeStamp + '- long tap')
},mytouchend: function(e){ console.log(e.timeStamp + '- touch end')
},mytap: function(e){ console.log(e.timeStamp + '- tap')
}
5. マルチタッチ
シミュレータはまだマルチタッチをサポートしていないため、內(nèi)部ベータ版がオープンした後もさらに追加していきます。
【関連推奨事項(xiàng)】
1. WeChatパブリックアカウントプラットフォームのソースコードダウンロード
3. WeChat Lala Takeaway 2.2.4の復(fù)號化されたオープンソースバージョンWeChatルービックキューブのソースコード
以上がWeChat開発入門 (4) タッチイベントの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。
ホットAIツール
Undress AI Tool
脫衣畫像を無料で
Undresser.AI Undress
リアルなヌード寫真を作成する AI 搭載アプリ
AI Clothes Remover
寫真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中國語版
中國語版、とても使いやすい
ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開発環(huán)境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
PHP WeChat 開発: メッセージの暗號化と復(fù)號化を?qū)g裝する方法
May 13, 2023 am 11:40 AM
PHP は、Web 開発およびサーバーサイド プログラミング、特に WeChat 開発で広く使用されているオープン ソースのスクリプト言語です?，F(xiàn)在、ますます多くの企業(yè)や開発者が WeChat 開発に PHP を使用し始めています。これは、PHP が本當(dāng)に學(xué)びやすく、使いやすい開発言語となっているためです。 WeChat の開発では、メッセージの暗號化と復(fù)號化はデータのセキュリティに関わるため、非常に重要な問題となります。暗號化と復(fù)號化の方法を持たないメッセージの場合、ハッカーは簡単にデータを入手でき、ユーザーに脅威を與える可能性があります。
PHP WeChat開発：投票機(jī)能の実裝方法
May 14, 2023 am 11:21 AM
WeChat パブリック アカウントの開発では、投票機(jī)能がよく使用されます。投票機(jī)能はユーザーが気軽に交流に參加できるほか、イベントの開催や意見調(diào)査などにも重要なツールです。この記事では、PHPを使用してWeChatの投票機(jī)能を?qū)g裝する方法を紹介します。 WeChat公式アカウントの認(rèn)証を取得する まずはWeChat公式アカウントの認(rèn)証を取得する必要があります。 WeChatパブリックプラットフォームでは、WeChatパブリックアカウント、公式アカウント、およびパブリックアカウントに対応するトークンのAPIアドレスを設(shè)定する必要があります。 PHP言語を使用した開発の過程では、WeChatが公式に提供するPHを使用する必要があります
PHP を使用して WeChat マス メッセージング ツールを開発する
May 13, 2023 pm 05:00 PM
WeChat の人気に伴い、マーケティング ツールとして WeChat を使用し始める企業(yè)が増えています。 WeChat グループ メッセージング機(jī)能は、企業(yè)が WeChat マーケティングを行うための重要な手段の 1 つです。ただし、手動送信のみに頼ると、マーケターにとって非常に時間と労力がかかる作業(yè)になります。したがって、WeChat マス メッセージング ツールを開発することが特に重要です。この記事では、PHP を使用して WeChat マス メッセージング ツールを開発する方法を紹介します。 1. 準(zhǔn)備作業(yè) WeChat マス メッセージング ツールを開発するには、次の技術(shù)點(diǎn)を習(xí)得する必要があります。 PHP WeChat パブリック プラットフォーム開発の基礎(chǔ)知識 開発ツール: Sub
PHP WeChat 開発: カスタマー サービスのチャット ウィンドウ管理を?qū)g裝する方法
May 13, 2023 pm 05:51 PM
WeChat は現(xiàn)在、世界最大のユーザーベースを持つソーシャル プラットフォームの 1 つであり、モバイル インターネットの普及に伴い、ますます多くの企業(yè)が WeChat マーケティングの重要性を認(rèn)識し始めています。 WeChat マーケティングを?qū)g施する場合、顧客サービスは重要な部分です。カスタマー サービスのチャット ウィンドウをより適切に管理するために、WeChat 開発に PHP 言語を使用できます。 1. PHP WeChat 開発の概要 PHP は、Web 開発の分野で広く使用されているオープン ソースのサーバー側(cè)スクリプト言語です。 WeChat パブリック プラットフォームが提供する開発インターフェイスと組み合わせると、PHP 言語を使用して WeChat を?qū)g行できます。
PHP WeChat 開発: ユーザータグ管理を?qū)g裝する方法
May 13, 2023 pm 04:31 PM
WeChat パブリック アカウントの開発において、ユーザー タグ管理は非常に重要な機(jī)能であり、開発者がユーザーをよりよく理解し、管理できるようになります。この記事では、PHPを使用してWeChatのユーザータグ管理機(jī)能を?qū)g裝する方法を紹介します。 1. WeChat ユーザーの openid を取得する WeChat ユーザータグ管理機(jī)能を使用する前に、まずユーザーの openid を取得する必要があります。 WeChat パブリック アカウントの開発では、ユーザーの承認(rèn)を通じて openid を取得するのが一般的です。ユーザー認(rèn)証が完了したら、次のコードを通じてユーザーを取得できます。
PHP WeChat 開発: グループ メッセージ送信レコードの実裝方法
May 13, 2023 pm 04:31 PM
WeChat が人々の生活においてますます重要なコミュニケーション ツールになるにつれ、その機(jī)敏なメッセージング機(jī)能はすぐに多くの企業(yè)や個人に支持されるようになりました。企業(yè)にとって、WeChat をマーケティング プラットフォームとして開発することがトレンドになっており、WeChat 開発の重要性が徐々に顕著になってきています。その中でも、グループ送信機(jī)能はさらに広く使用されているため、PHP プログラマとしてグループ メッセージ送信レコードを?qū)g裝するにはどうすればよいでしょうか?以下に簡単に紹介します。 1. WeChat パブリック アカウントに関する開発知識を理解する グループ メッセージ送信レコードの実裝方法を理解する前に、
PHP を使用して WeChat パブリック アカウント開発を?qū)g裝する手順
Jun 27, 2023 pm 12:26 PM
PHP を使用して WeChat 公開アカウントを開発する方法 WeChat 公開アカウントは、多くの企業(yè)にとってプロモーションと交流のための重要なチャネルとなっており、一般的に使用される Web 言語として PHP を使用して WeChat 公開アカウントを開発することもできます。この記事では、PHP を使用して WeChat 公開アカウントを開発する具體的な手順を紹介します。ステップ1：WeChat公式アカウントの開発者アカウントを取得する WeChat公式アカウントの開発を開始する前に、WeChat公式アカウントの開発者アカウントを申請する必要があります。具體的な登録プロセスについては、WeChat パブリック プラットフォームの公式 Web サイトを參照してください。
WeChat 開発に PHP を使用するにはどうすればよいですか?
May 21, 2023 am 08:37 AM
インターネットとモバイル スマート デバイスの発展に伴い、WeChat はソーシャルおよびマーケティング分野に欠かせないものになりました。デジタル化が進(jìn)むこの時代において、WeChat 開発に PHP を使用する方法が多くの開発者の焦點(diǎn)になっています。この記事では主に、PHP を WeChat 開発に使用する方法とそのヒントや注意事項(xiàng)を紹介します。 1. 開発環(huán)境の準(zhǔn)備 WeChat を開発する前に、まず対応する開発環(huán)境を準(zhǔn)備する必要があります。具體的には、PHP オペレーティング環(huán)境と WeChat パブリック プラットフォームをインストールする必要があります。
