Force Touchを搭載したiPhoneでJavaScriptを使って感圧タッチを取得することはできないのだろうか?
WebKit DOM Programming TopicsのResponding to Force Touch Eventsを見ながら下のように組みました。
<script>
jQuery(function($){
var $button = $('._button');
$button.on('webkitmouseforcewillbegin',function(e){
alert('webkitmouseforcewillbegin');
});
$button.on('webkitmouseforcedown',function(e){
alert('webkitmouseforcedown');
});
$button.on('webkitmouseforceup',function(e){
alert('webkitmouseforceup');
});
$button.on('webkitmouseforcechanged',function(e){
alert('webkitmouseforcechanged');
});
});
</script>
<button type="button" class="_button">Button</button>が、しかし、全然動かない。で、さらに検索をかけてみると、
iOS9で追加されたForceTouch(3DTouch)をJavaScriptで操作してみる
や
iOS 9 Mobile Safari was enabled force touch event
のエントリーでも同じ悩みを抱えたらしく、結果的に、下のようにforceプロパティーで解決したそうです。
$button.on('touchmove',function(event){
console.log(event.originalEvent.touches[0].force);
});
0 コメント:
コメントを投稿