/
912.txt
131 lines (93 loc) · 4.72 KB
/
912.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
* onblur 属性 (HTML, XHTML 1)
[1] [ABBR[[[HTML]]] [Hypertext Markup Language]] の
[DFN[[CODE(HTMLa)[onblur]] 属性]]は、
[RUBYB[指示装置] [pointing device]]によって、
またはタブ操作 ([CODE(HTMLa)[[[tabindex]]]] を参照してください。)
によって[[要素]]が[[焦点]]を失った時に発生する[[事象]]に関する[[内在事象]]属性です。
適用対象要素型:
- [CODE(HTMLe)[[[a]]]]
- [CODE(HTMLe)[[[area]]]]
- [CODE(HTMLe)[[[label]]]]
- [CODE(HTMLe)[[[input]]]]
- [CODE(HTMLe)[[[textarea]]]]
- [CODE(HTMLe)[[[select]]]]
- [CODE(HTMLe)[[[button]]]]
[2] 仕様書:
- [[HTML 4]]
-- [CODE(HTMLa)[onblur]] 属性
<IW:HTML4:"interact/scripts.html#adef-onblur">
** 代替
[3] 内在事象属性は[[表現と構造の分離]]の原則に反するので、
好ましくないと考える人もいます。また、
[ABBR[DOM] [Document Object Model]] 水準 0 ([[DOM 0]])
に基づく古い設計です。
代わりに、 [CODE(HTMLe)[[[script]]]] 要素などにより関連付けたスクリプト内で
[[DOM 2]] 以上の[[事象]]に関するメソッド等が利用できます。
DOM 水準2 や DOM 水準 3 はこの属性に対応する
DOM の事象 [CODE(DOM)[[VAR[ev:]][[DOMFocusOut]]]] を用意しています。
[[#comment]]
** 属性値
[4] この属性の値は [CODE(SGML)[%[[Script]]]] です。
[ABBR[[[SGML]]] [Standard Generalized Markup Language]]
的には [CODE(SGML)[[[CDATA]]]] です。
自称が発生したときに実行するスクリプトの code
を記述します。[[スクリプト言語]]は、
[CODE(HTTP)[[[Content-Script-Type]]]] によります。
[5] この属性は省略可能です。
[[#comment]]
** 他との関係
[6] この属性に対応する DOM の事象は [CODE(DOM)[[VAR[ev:]][[DOMFocusOut]]]]
です。そちらもあわせてごらんください。
[7] 逆に焦点を得た時には [CODE(HTMLa)[[[onfocus]]]]
事象が発生します。
[[#comment]]
** 例
[8] 入力内容を確認する例 [SRC[HTML 4 18.2.3]]
[PRE(HTML)[
<INPUT NAME="userName" onblur="validUserName(this.value)">
]PRE]
この例では、利用者が入力欄から離れようとすると、
関数 [CODE[validUserName]] が呼ばれ、
妥当な値であるか否かを確認します。
** メモ
[13]
[CITE[onBlurの発生タイミングについて]]
<http://chaichan.hp.infoseek.co.jp/qa3000/qa3114.htm>
[CODE(HTMLa)@en[[[onblur]]]] と [CODE(HTMLa)@en[[[onfocus]]]]
の順序について。
[14] [CITE@en[Web Applications 1.0 r8621 Spec relatedTarget for focus and blur]]
( ([TIME[2014-05-09 05:13:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=8620&to=8621>
[9] [CITE@en[559561 – When focused element is removed, fire blur event on it]]
([TIME[2015-07-28 11:36:00 +09:00]] 版)
<https://bugzilla.mozilla.org/show_bug.cgi?id=559561>
[10] [CITE@en[Don't repeat events defined in other specs. · w3c/svgwg@ba6ff23]]
([TIME[2016-02-06 12:34:15 +09:00]] 版)
<https://github.com/w3c/svgwg/commit/ba6ff23e1e90914465633294eebc091f6065e0d6>
[11] [CITE@en[Meta: disambiguate focus() and blur() for Window and HTMLElement]]
([[zcorpan]]著, [TIME[2017-10-20 10:21:55 +09:00]])
<https://github.com/whatwg/html/commit/fde99312b1f788dbdd3bd7579ca8c40a067d5d50>
[12] [CITE@en[Meta: Disambiguate focus() and blur() for Window and HTMLElement by zcorpan · Pull Request #3138 · whatwg/html]]
([TIME[2017-10-21 16:22:56 +09:00]])
<https://github.com/whatwg/html/pull/3138>
[15] [CITE@en[Mark focus events composed]]
([[annevk]]著, [TIME[2018-03-02 17:20:50 +09:00]])
<https://github.com/whatwg/html/commit/84d96dfd816f5e6f229df0558ce10af26482bfc5>
[16] [CITE@en[Make focus events composed · Issue #3511 · whatwg/html]]
([TIME[2018-03-03 12:43:05 +09:00]])
<https://github.com/whatwg/html/issues/3511>
[17] [CITE@en[Mark focus events composed by annevk · Pull Request #3512 · whatwg/html]]
([TIME[2018-03-03 12:43:38 +09:00]])
<https://github.com/whatwg/html/pull/3512>
[18] [CITE@en[Add HTMLOrSVGElement interface mixin]]
([[annevk]]著, [TIME[2018-03-23 19:30:45 +09:00]])
<https://github.com/whatwg/html/commit/81e82437a7ef1ee37d4ce2b5a982bc297d5b58b1>
[19] [CITE@en[Move dataset from HTMLElement to a mixin shared with SVGElement · Issue #3471 · whatwg/html]]
([TIME[2018-03-24 17:58:52 +09:00]])
<https://github.com/whatwg/html/issues/3471>
[20] [CITE@en[Add HTMLOrSVGElement interface mixin by annevk · Pull Request #3543 · whatwg/html]]
([TIME[2018-03-24 18:04:12 +09:00]])
<https://github.com/whatwg/html/pull/3543>
[21] [CITE@en[Add HTMLOrSVGElement mixn]]
([[dstorey]]著, [TIME[2018-04-18 09:31:56 +09:00]])
<https://github.com/w3c/svgwg/commit/bf070f6e46face7169561d4ea7dae45b93210dfb>