こんにちは％username％ ！
そもそも、新しい日ごとに、モバイルデバイスの波がますます人々をカバーしています。 そして、それが起こったように、ほとんどすべての最新のデバイスにはタッチスクリーンがあります。 私は何を言うことができます、今あなたのお気に入りのソーシャルを表示します。 一部の冷蔵庫でもネットワークは可能です。 デスクトップコンピューターの優位性-恐竜の物語のようになりました-私たちは再びそれを見ることはほとんどありません。
私の意見では、 CSSメディアクエリは、過去数年にわたってWeb開発の世界で最も重要な発明になりました。Webアプリケーションの外観を整理して、画面解像度が根本的に異なるようにすることができます。 デバイスのどのフォームファクターにも独自のデザインアイデアを持たせることができ、それで問題ありません。 私たちは皆これを知っていますが、これはこれについてではなく、イベントの処理についてです...
なぜjTapが必要なのですか？
暴徒に対するアプリケーションの適応の妨害。 デバイスでは、タッチスクリーンに通常の制御イベントがありません。 「クリック」イベントの種類に応じてデスクトップコンピューターやタブレットなどにハンドラーをインストールしても、同じ結果は得られません。 たとえば、次のコード行をご覧ください。
$('element').click(handler);
ハンドラー関数がメニューを表示するはずだと想像してください。 すべてはPCで問題なく動作しますが、タッチスクリーンでは-約300ミリ秒の遅延があります。 ほとんどの人にとって、これは重要ではなく、誰かがそれに気付かないこともありますが、私のような完璧主義者にとっては迷惑です。
そのため、私はjQueryプラグインを作成しました。そのフルネームはjQuery Tap Eventです。
プラグインは何ができますか？
画面のタッチなどを処理します。 その主な目標は、最大限のシンプルさと完璧な操作です。
誰かが議論し、タッチデバイス用のイベントの完全なセットですでに書かれた拡張機能を使用する方が良いと言うことができます。 そして、プロジェクトが幅広いイベントの処理を必要とする場合、彼は正しいでしょう。 しかし、多くの場合、Webサイトに関しては、 スワイプしてタップするという2つのタイプで十分です。
私が求めていた開発は、うまく機能しなかったか、期待どおりに機能しなかったか、まったく機能しませんでした。 私はそれらのいくつかが好きでしたが、私には不必要な5つのタイプのイベントがあり、その結果、余分なコードの印象的な部分がありました。 これは、独自のバージョンの開発の出発点でした。
psプラグインの注目すべき機能は、その汎用性です。 タップイベントは、PCとタッチスクリーンデバイスの両方で同じように機能します。
使い方は？
「カブよりも簡単」！
次の行でjQueryの後にプラグインファイルを含めます。
<script src="jquery.tap.min.js"></script>
「Voila！」と言って、必要に応じてハンドラーをインストールします。 これは次のように行われます。
$('selector').tap(handler);
重要： tapメソッドは、次のように存在をテストできます。
$.isFunction($.fn.tap);
そして、耐障害性のために、次の手順を実行します。
var clickEvent = $.isFunction($.fn.tap) ? 'tap' : 'click'; $('selector')[clickEvent](handler);
ただし、それでも、イベント委任を使用する方が適切です。
$('selector').on('tap', handler);
結論として...
以上です。 プラグインは小さく、焦点が狭いです。 誰かがそれを役に立つと思うことを願っています。
最後に、メインリンクを投稿します。
- デモ： http : //firstvector.org/jTap
- jQueryプラグイン： http : //plugins.jquery.com/jTap/
- リポジトリ： https : //github.com/BR0kEN-/jTap/
ご清聴ありがとうございました。