さいきん、スマホでもPCでも同じような動作を求められるWebAPIが増えていますよね。 動作はjQueryで書くことになるのですが、もともと用意されているイベント(click,mousemoveなど)ではタッチ操作を拾いきれないことがあります。 そこで、二つの環境の動作を同じ関数にまとめる定義を作りました。 基本のクリック動作、押下、移動、キャンセルの4種を定義できます。 サンプルコードです! 動作定義部分と、jQuery拡張部分の二つに分けてご紹介します。 まずは、動作定義部分です。 上に置いてあるボタンは、こちらのコードで動作しています。 $(function(){ $('#hoge').touchInterface( function(e,$_this){ //タッチorクリックの動作 $_this.empty().append('action:up/end'); $_this.cs
![【jQuery】コピペOK!タッチ操作とマウス操作の動作定義をまとめる | ユガラボ](https://cdn-ak-scissors.b.st-hatena.com/image/square/f59014ca450c341a5d25d85231fbf2fb28872fd9/height=288;version=1;width=512/http%3A%2F%2Fyugalab.sakura.ne.jp%2Fwp-content%2Fthemes%2Fyugalab%2Fimg%2Fyu.png)