nayucolonyスマートフォン用の表示で見るnayucolony勉強したこととかこの広告は、90日以上更新していないブログに表示しています。2017-06-05touchstartをイベントハンドラとした時のpageX,pageYプロパティへのアクセス方法イベントハンドラがmousedownのときとtouchstartの時で引数に渡されるオブジェクトが異なるというメモ。mousedownのときに渡されるオブジェクトMouseEventオブジェクトが渡される。目的のpageX、pageYプロパティは直下にあるのでe.pageXe.pageYでアクセスできる。MDNtouchstartのときに渡されるオブジェクトTouchEventオブジェクトが渡される。MDN場合によってはMouseEventも渡されるっぽいが、あらゆる場合で渡されるのかは未調査。MouseEventオブジェクトとは違い、pageX、pageYプロパティは直下には存在しない。どこにあるのかというと、TouchEventオブジェクトのchangedTouchesプロパティの中だ。MDNここにtouchListというオブジェクトが格納されている。MDNtouchListオブジェクトの中には0というプロパティ名でTouchオブジェクトが格納されている。この中にpageXやpageYが入っている。MDNそのため、アクセスするには以下のように記述すればOK。e.changedTouches[0].pageXe.changedTouches[0].pageYオブジェクトのプロパティへアクセスする際の注意事項JavaSctiptでは、ブラケット表記法でオブジェクトのプロパティにアクセスする際に数値をいれても文字列として扱われる。ブラケット表記法には式の評価を行うプロセスがあり、その際にtoStringメソッドを経由するので、強制的に文字列型への変換がかかるためである。MDN一方、ドット表記法はそのプロセスは存在しない。したがってe.changedTouches.0のような表記は使えないので注意。これらについては別記事でまとめてあるのできになる場合はそちらで確認してほしい。変数をキーとしてオブジェクトのプロパティを参照する際はブラケット表記法を使う。今回のエントリの内容は以下のサンプルコードに登場します。01:22touchstartをイベントハンドラとした時のpageX,pageYプロパティへのアクセス方法Tweet広告を非表示にする関連記事2017-05-30変数をキーとしてオブジェクトのプロパティを参照する際はブラケット表記法を使う。2017にスピーカーとして参加しました。月別アーカイブはてなブログをはじめよう!nayucolonyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。