Mobile Safari の Label 要素挙動覚え書きiPhone/iPad/iPod touch の Mobile Safari は、デフォルトでは label 要素をタップしても関連付けたフォームフィールドのフォーカスを代行しない。 つまり、<label for="checkbox1"> などと指定しても、label タップで checkbox1 の選択状態は変化しない。 これを fix するために、ページロード時などに予め各 label の click イベントハンドラへ何らかの function をバインドする（function がバインドされてさえいれば良いので、特に何か処理をする必要はない）。 この挙動は iOS だけでなく Android の標準ブラウザでも同様らしい。 コード例 こちらの検証ページを Mobile Safari で開くと、text2 の label 以外は fix されているはず。
タグ
- すべて
- 2011 (12)
- 2ch (730)
- 3d (5)
- 80s (16)
- 90s (11)
- @fav (78)
- @informative (63)
- @interesting (120)
- @self (17)
- @stack (207)
- @toget (30)
- @toread (131)
- @useful (133)
- Archive (8)
- My Spool (47)
- SPAM (12)
- aa (8)
- about (28)
- accessibility (14)
- activedirectory (6)
- ad (33)
- addon (151)
- adobe (9)
- adult (45)
- africa (10)
- ajax (19)
- alcohol (16)
- algorithm (11)
- amazon (54)
- analyzation (19)
- android (323)
- android-x86 (6)
- angular.js (20)
- animal (57)
- anime (89)
- anonymous (10)
- apache (13)
- api (106)
- app (455)
- apple (118)
- ar (6)
- arduino (46)
- art (69)
- asia (51)
- aspnet (21)
- async (17)
- atom (6)
- attitude (20)
- authentication (5)
- automobile (44)
- avr (9)
- aws (11)
- azure (48)
- backbone.js (8)
- backup (15)
- baidu (9)
- beijing (17)
- beta (5)
- bio (10)
- biz (268)
- blog (160)
- bluetooth (5)
- bookmarklet (23)
- books (57)
- bootstrap (36)
- bread (6)
- browser (9)
- bts (8)
- bug (25)
- businessmodel (10)
- cache (6)
- cafe (5)
- caldav (6)
- calendar (13)
- canvas (10)
- cat (16)
- chengdu (5)
- chiheihatakeyama (11)
- china (771)
- chrome (180)
- ci (11)
- cjk (15)
- closure (5)
- cloud (95)
- cocoa (16)
- code (69)
- coffee (10)
- coffeescript (12)
- color (20)
- comic (54)
- communication (36)
- community (6)
- company (37)
- configuration (19)
- cool (32)
- cosmetics (7)
- cosplay (14)
- creature (29)
- crime (5)
- csharp (22)
- css (255)
- culture (91)
- curse (6)
- dance (23)
- dart (7)
- dataaccess (63)
- db (47)
- ddd (6)
- debug (21)
- defence (39)
- dentalcare (8)
- design (374)
- designpatterns (6)
- devel (1107)
- di (5)
- diagram (8)
- dictionary (24)
- disaster (21)
- disasterprevention (26)
- dispute (27)
- distribute (10)
- diy (9)
- djcam (5)
- dns (10)
- doc (124)
- docker (6)
- docomo (46)
- dog (19)
- dotnet (95)
- download (8)
- dq (18)
- dropbox (8)
- dtm (12)
- dtv (6)
- ebook (27)
- eclipse (5)
- ecmascript (5)
- economics (51)
- editor (23)
- education (33)
- energy (10)
- english (29)
- entity (9)
- euro (23)
- event (31)
- evernote (13)
- express (11)
- facebook (133)
- fashion (47)
- featurephone (5)
- feed (13)
- figure (5)
- firefox (48)
- fishing (5)
- fitness (9)
- flash (25)
- flatdesign (8)
- folklore (23)
- font (56)
- food (219)
- framework (15)
- fsharp (5)
- fukushima (57)
- funny (43)
- furniture (13)
- g+ (77)
- gadget (60)
- gae (18)
- gallery (16)
- game (84)
- gender (11)
- geolocation (11)
- gesture (7)
- gfw (37)
- gift (6)
- girls (68)
- git (47)
- github (44)
- gmail (15)
- google (223)
- graphics (153)
- groovy (7)
- hack (5)
- hadoop (5)
- hanzi (9)
- hardware (45)
- hatena (37)
- health (94)
- heritage (7)
- heroku (11)
- hid (5)
- history (81)
- homebrew (6)
- hotel (6)
- html5 (173)
- humanrights (9)
- i18n (5)
- iOS (279)
- iPad (39)
- iPhone (728)
- iPod (13)
- icloud (43)
- icon (34)
- ide (35)
- idea (6)
- ie (76)
- iis (5)
- image (12)
- ime (16)
- immigrant (5)
- incident (79)
- india (17)
- infrastructure (11)
- instagram (25)
- insurance (8)
- iot (12)
- ipv6 (9)
- italy (8)
- itunes (52)
- jailbreak (68)
- japan (439)
- japan311 (140)
- java (105)
- javaee (11)
- javascript (428)
- jenkins (6)
- jquery (180)
- json (15)
- kddi (7)
- kimhyunjung (6)
- kindle (18)
- king-show (15)
- korea (167)
- kyoto (5)
- ladygaga (12)
- lang (131)
- law (42)
- layout (29)
- learning (52)
- lego (15)
- leisure (12)
- libs (322)
- life (136)
- lifehack (66)
- like! (19)
- linq (10)
- linux (38)
- lion (56)
- list (22)
- literacy (5)
- local (140)
- logging (15)
- logic (6)
- love (16)
- lte (6)
- lyrics (28)
- m17n (5)
- mac (323)
- machinelearning (6)
- mail (33)
- management (81)
- map (36)
- mariage (7)
- markdown (18)
- marketing (79)
- marshalarts (7)
- materialdesign (6)
- media (73)
- medical (17)
- meditation (9)
- memo (18)
- memorymanagement (16)
- messaging (28)
- microsoft (46)
- middleeast (6)
- military (60)
- mixi (10)
- mobile (366)
- money (25)
- mongodb (12)
- mongol (46)
- movie (37)
- msdn (5)
- msexcel (6)
- music (213)
- music.ambient (30)
- music.anime (7)
- music.c-pop (90)
- music.c-rock (21)
- music.classical (22)
- music.dance (9)
- music.electronica (9)
- music.ethnic (49)
- music.game (8)
- music.healing (24)
- music.hiphop (14)
- music.j-pop (101)
- music.jazz (14)
- music.k-pop (32)
- music.pop (26)
- music.reggae (5)
- music.rock (29)
- music.techno (42)
- mvc (22)
- mvvm (5)
- mysql (16)
- mystery (38)
- nagoya (68)
- nature (24)
- navigation (15)
- neta (810)
- network (56)
- newbie (5)
- news (604)
- nfc (5)
- nginx (8)
- nhk (10)
- nicovideo (47)
- node.js (144)
- noodle (30)
- nosql (28)
- nuke (178)
- oauth (5)
- objc (34)
- occult (217)
- office (27)
- official (82)
- oop (8)
- operations (60)
- opinion (11)
- optimizing (24)
- oracle (5)
- orm (10)
- os (25)
- oss (24)
- osx (116)
- paas (16)
- patent (9)
- pclife (19)
- pdf (23)
- perf (53)
- perl (8)
- person (146)
- philosophy (7)
- photography (123)
- photoshop (22)
- php (25)
- physicalcomputing (12)
- pjax (9)
- podcast (6)
- poi (139)
- politics (156)
- presentation (135)
- primer (7)
- privacy (37)
- product (169)
- productivity (47)
- promotion (18)
- proxy (8)
- psychology (15)
- python (7)
- qa (34)
- qc (20)
- qq (15)
- quote (32)
- race (5)
- radio (12)
- rails (12)
- railway (92)
- raspberrypi (11)
- rdbms (12)
- reactiveprogramming (5)
- reading (194)
- readitlater (5)
- recipe (83)
- recruit (17)
- redis (15)
- relaxation (7)
- religion (39)
- report (48)
- research (34)
- resources (116)
- rest (6)
- review (11)
- rights (34)
- riot (11)
- robot (19)
- ruby (20)
- ruin (5)
- rumor (25)
- running (6)
- russia (14)
- safari (28)
- safety (35)
- sample (125)
- samsung (20)
- sass (5)
- scala (12)
- scaleout (10)
- scaleup (10)
- scary (5)
- science (26)
- scripting (15)
- search (31)
- security (205)
- seo (20)
- server (59)
- sf (11)
- sh (6)
- shanghai (5)
- shopping (139)
- shortcut (8)
- sim (15)
- simlock (10)
- siri (42)
- slang (7)
- snowboard (10)
- social (122)
- society (155)
- socket.io (8)
- softbank (52)
- sony (10)
- sound (27)
- space (8)
- specification (99)
- speech (5)
- sports (31)
- spring (13)
- sql (9)
- sqlserver (11)
- ssd (8)
- standards (34)
- startup (15)
- stevejobs (40)
- storage (78)
- struts (6)
- support (6)
- svg (5)
- svn (5)
- sweets (24)
- taiwan (126)
- tdd (15)
- tea (9)
- team (43)
- tech (122)
- ted (9)
- template (88)
- test (49)
- texture (8)
- tfs (8)
- theme (41)
- thunderbird (6)
- tibet (13)
- tips (534)
- togetter (168)
- tokyo (26)
- tools (296)
- toyota (6)
- toys (13)
- traffic (8)
- travel (135)
- trivial (37)
- trouble (27)
- tudou (7)
- tumblr (15)
- tutorial (103)
- tv (86)
- twistedmachine (7)
- twitpic (10)
- twitter (362)
- typescript (9)
- ui (193)
- uigur (6)
- uk (21)
- underworld (25)
- upload (9)
- usa (58)
- ustream (6)
- ux (31)
- vcs (29)
- video (731)
- visualstudio (13)
- vm (18)
- vocaloid (13)
- voice (7)
- voicerecognition (7)
- voip (8)
- vpn (9)
- war (18)
- wcf (7)
- web (367)
- webapp (132)
- webdesign (560)
- webgl (6)
- webkit (13)
- webservice (364)
- websockets (14)
- weibo (18)
- wifi (28)
- wikipedia (125)
- windows (119)
- wordpress (6)
- work (92)
- writing (7)
- ww2 (8)
- xcode (16)
- xiami (16)
- yahoo (14)
- youknowwhat (104)
- youku (28)
- youtube (581)
- あとで読む (87)
- devel (1107)
- neta (810)
- china (771)
- video (731)
- 2ch (730)
- iPhone (728)
- news (604)
- youtube (581)
- webdesign (560)
- tips (534)
@selfとdevelに関するamberjack115のブックマーク (1)
-
amberjack115 2011/06/10
自分メモ- devel
- web
- mobile
- iPhone
- iOS
- android
- safari
- javascript
- @self
リンク -
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx