CSSアニメーションとJavaScript
CSSアニメーション、transform: translate(x,y)を使うと、スムーズに移動してくれるけど、そのあとonclickやらon何かが反応してくれなくなる。ヽ(`Д´)ノ
たぶん、マウスカーソルの位置と、本来の要素の位置とtranslateで移動した場所がずれてるからだと思うけど、
んで、結局トゥイーンライブラリ使わなきゃならなくなる。ヽ(`Д´)ノ
CSSアニメーション、transform: translate(x,y)を使うと、スムーズに移動してくれるけど、そのあとonclickやらon何かが反応してくれなくなる。ヽ(`Д´)ノ
たぶん、マウスカーソルの位置と、本来の要素の位置とtranslateで移動した場所がずれてるからだと思うけど、
んで、結局トゥイーンライブラリ使わなきゃならなくなる。ヽ(`Д´)ノ
前回の話の続きのような、続きでないような。
一応pie menuで検索したら、PC用のライブラリはいくつかあったけど、右クリックとかクリックして表示、クリックで選択になっていて、touchstart/mousedownで表示、touchend/mouseupで選択というタイプのは見つからなかった。
たしかに、touch eventの仕様上、かなりややこしい実装になりそうではあるけど。。。
フリック入力、パイメニュー、クロックメニューのライブラリとして作ってしまおうか考え中。
将来的にはそういう選択、入力方法のライブラリが必要になるけど、(考えているものを実際に作るとして)
今考えている(作っている)イベント処理とは、ちょっと違うからなあ。。。
以前の投稿の続き。
Google GroupsのHTML5jで質問してみた所、やはりtouches関連では指の位置の情報は、(x,y)しか取得できないようです。
しょうがないので指の位置(x, y)にある要素を検索し、targetに代入するというほぼ力技で対応。
その方法はスクリプトメモのページでそのうち解説します。
http://d.hatena.ne.jp/CortYuming/20111009/p1
引用元: PhoneGapでボタン長押し時にOpen/Copy/Cancelのダイアログが表示されてしまう場合の対処 – 牌語備忘録 – pygo.
ものすげー悩んでたのに、CSSだったとは。。。
iPhoneでタッチ中の要素を調べるコード。
なんかうまく取得できない。
mobile Safariのバグのような気もするけど。 Read_On
blinkhash.jsを1.2.1にバージョンアップしました。
バグフィクス版です。