ブックマーク / yugalab.sakura.ne.jp (1)

  • 【jQuery】コピペOK!タッチ操作とマウス操作の動作定義をまとめる | ユガラボ

    さいきん、スマホでもPCでも同じような動作を求められるWebAPIが増えていますよね。 動作はjQueryで書くことになるのですが、もともと用意されているイベント(click,mousemoveなど)ではタッチ操作を拾いきれないことがあります。 そこで、二つの環境の動作を同じ関数にまとめる定義を作りました。 基のクリック動作、押下、移動、キャンセルの4種を定義できます。 サンプルコードです! 動作定義部分と、jQuery拡張部分の二つに分けてご紹介します。 まずは、動作定義部分です。 上に置いてあるボタンは、こちらのコードで動作しています。 $(function(){ $('#hoge').touchInterface( function(e,$_this){ //タッチorクリックの動作 $_this.empty().append('action:up/end'); $_this.cs

    【jQuery】コピペOK!タッチ操作とマウス操作の動作定義をまとめる | ユガラボ
    gotesar
    gotesar 2017/06/16
    【jQuery】コピペOK!タッチ操作とマウス操作の動作定義をまとめる 基本のクリック動作、押下、移動、キャンセルの4種を定義できます。 サンプルコードです! 動作定義部分と、jQuery拡張部分の二つに分けてご紹介します
  • 1