Télécharger
Développer
Compte
Télécharger
Développer
Connexion
Mot de passe oublié ?
Créer un compte
Langue
Aide
Langue
Aide
×
Connexion
Nom du compte
Mot de passe
×
Mot de passe oublié ?
Traduction statut du Français
Catégorie :
Logiciel
Peuple
PersonalForge
Magazine
Wiki
Recherche
OSDN
>
Trouver un logiciel
>
Internet
>
WWW/HTTP
>
Dynamic Content
>
CMS
>
ぺったんR
>
Wiki
>
ClientEventTree
ぺったんR
Fork
pettanr
clientJs
Description
Résumé du projet
Dashboard - Développeur
Page Web
Développeurs
Galerie d'images
Liste des flux RSS
Activité
Statistiques
Historique
Téléchargements
List of Releases
Stats
Code Source
Liste des dépôts de code
Git
pettanr
clientJs
Ticket
Liste des tickets
Liste des Jalons
Liste des types
Liste des composants
Liste des tickets/RSS fréquemment utilisés
Soumettre un nouveau ticket
Documents
Page de garde
Index du titre
Modifications récentes
Communication
Forums
Liste des forums
Forum des développeurs (1347)
Forum d’aide (1)
公開討議 (1)
Listes de diffusion
Liste de ML
Nouvelles
edit
|
Title Index
|
Recent Changes
|
最近の更新 (Recent Changes)
2015-10-25
YasushiIto
2015-10-19
Event
FrontPage
2015-09-19
PettanCommonLicense
2015-08-25
HowToSetOmniAuth
2015-08-19
WhatsPettan
2015-08-07
HowToUseHeroku
2015-08-04
HowToInstall
2015-07-12
HowToInstallRmagick
2015-05-10
AboutYasapp
2015-04-02
ResourcePicturePictureSpec
ReferenceIndex
2015-02-07
ForDevelopers
2015-01-16
PanelEditor
2015-01-12
AboutManifest
2014-12-19
ManifestModel
2014-10-18
ManifestListGroup
ManifestSystemResources
2014-10-11
OriginalPictureSpec
2014-09-29
PictureSpec
2014-08-29
ManifestController
2014-08-27
ManifestProfiler
2014-07-13
SkypeMeeting
2014-06-21
ResourcePictureSpec
LicenseGroupSpec
2014-06-20
PictureModel
ResourcePictureModel
2014-06-19
OriginalPictureLicenseSpec
OriginalPictureLicenseGroupSpec
2014-06-16
PetanizeTemplate
Dernières dossier de presse
This Project Has Not Released Any Files
Wikiガイド(Guide)
Wikiの文法
リンクの種類と文法
ブロックプロセッサ
拡張文法
サイドバー
プロジェクトWikiでの広告設定
サイドバー (Side Bar)
このサイドバーについて
このサイドバーの編集
ポインティングデバイス・イベントの伝播ツリー
html タグは文書構造の順番に並ぶ.だいたいそれが、表示上の順番になる.
Web アプリの場合 html タグは文書構造の順番というより、表示上の順番に並べるのが都合が良い.
表示上の順番をいじくる z-index は 古めのブラウザで問題が出たり実装差が怪しい.そこで、Web アプリの UI を作る場合、文書構造は一旦忘れ、表示上の順番で html 要素を書いていく.
文書構造を脇に置いた場合ユニバーサルなアクセスへの影響を把握できていない.WAI-ARIA について勉強してかなくちゃ、、、
http://terkel.jp/archives/2010/08/beginning-html5-and-wai-aria/
そして、ポインティングデバイス・イベントは、html タグの順番で伝播する.
ブラウザがネイティブに備えているポインティングデバイスイベントの問題
必ずしも イベント伝播を html タグ順(表示順)で行いたいわけではない.しかし、概ね表示順と一致するので、あんまり問題にならなかった.
ユーザーは通常画面の上面にあるものから触れると予期し、下面に隠された要素から触れることを期待しない.
pettanR のパネルエディターは、リピート画像をジャンプして(リピート画像のハンドル部分は触れる)その下にあるパネル要素を触りたい、といったケースが出てくる.
ある表示領域にイベントを付与したい場合、(通常は) html 要素を作る必要がある.
イベント伝播ツリー
html ツリー(表示ツリー)の他に イベント伝播ツリーが必要.これらは、だいたい一致するので、html ツリーを使いまわしても問題ないが pettanR では異なるケースが出てくる.
イベント伝播ツリーのリスナーターゲット要素として明示されたものにしか イベント が伝播しないので高速化の可能性がでてくる?
イベント伝播ツリー・メリット
上記のほかに、html 要素を作らなくても ある座標領域にイベントを付与できる.
デメリット
表示要素のサイズ・位置・非表示といった変化を、イベント伝播ツリーにも教える必要がある.
まとめ・Tree の種類
html ツリー
表示上のツリー(最終的にどの要素が画面の上面に表示されるか?)
イベント伝播ツリー