onblur 属性 (HTML, XHTML 1)

[1] HTMLHypertext Markup Language の onblur 属性は、 指示装置pointing deviceによって、 またはタブ操作 (tabindex を参照してください。) によって要素が焦点を失った時に発生する事象に関する内在事象属性です。

適用対象要素型:

[2] 仕様書:

代替

[3] 内在事象属性は表現と構造の分離の原則に反するので、 好ましくないと考える人もいます。また、 DOMDocument Object Model 水準 0 (DOM 0) に基づく古い設計です。

代わりに、 script 要素などにより関連付けたスクリプト内で DOM 2 以上の事象に関するメソッド等が利用できます。 DOM 水準2 や DOM 水準 3 はこの属性に対応する DOM の事象 ev:DOMFocusOut を用意しています。

属性値

[4] この属性の値は %Script です。 SGMLStandard Generalized Markup Language 的には CDATA です。 自称が発生したときに実行するスクリプトの code を記述します。スクリプト言語は、 Content-Script-Type によります。

[5] この属性は省略可能です。

他との関係

[6] この属性に対応する DOM の事象は ev:DOMFocusOut です。そちらもあわせてごらんください。

[7] 逆に焦点を得た時には onfocus 事象が発生します。

例

[8] 入力内容を確認する例 HTML 4 18.2.3

<INPUT NAME="userName" onblur="validUserName(this.value)">

この例では、利用者が入力欄から離れようとすると、 関数 validUserName が呼ばれ、 妥当な値であるか否かを確認します。

HTML もどき

[24] onBlur 属性は NCX にもありましたが、詳細な説明がなく不明です。

[25] DAISY ANSI/NISO Z39.86-2002 - The DAISY Consortium, https://daisy.org/info-help/document-archive/archived-projects/daisy-ansi-niso-z39-86-2002-archived/#NCXDTD

歴史

[13] onBlurの発生タイミングについて http://chaichan.hp.infoseek.co.jp/qa3000/qa3114.htm

onblur と onfocus の順序について。

[14] Web Applications 1.0 r8621 Spec relatedTarget for focus and blur ( ( 版)) http://html5.org/tools/web-apps-tracker?from=8620&to=8621

[9] 559561 – When focused element is removed, fire blur event on it ( 版) https://bugzilla.mozilla.org/show_bug.cgi?id=559561

[10] Don't repeat events defined in other specs. · w3c/svgwg@ba6ff23 ( 版) https://github.com/w3c/svgwg/commit/ba6ff23e1e90914465633294eebc091f6065e0d6

[11] Meta: disambiguate focus() and blur() for Window and HTMLElement (zcorpan著, ) https://github.com/whatwg/html/commit/fde99312b1f788dbdd3bd7579ca8c40a067d5d50

[12] Meta: Disambiguate focus() and blur() for Window and HTMLElement by zcorpan · Pull Request #3138 · whatwg/html () https://github.com/whatwg/html/pull/3138

[15] Mark focus events composed (annevk著, ) https://github.com/whatwg/html/commit/84d96dfd816f5e6f229df0558ce10af26482bfc5

[16] Make focus events composed · Issue #3511 · whatwg/html () https://github.com/whatwg/html/issues/3511

[17] Mark focus events composed by annevk · Pull Request #3512 · whatwg/html () https://github.com/whatwg/html/pull/3512

[18] Add HTMLOrSVGElement interface mixin (annevk著, ) https://github.com/whatwg/html/commit/81e82437a7ef1ee37d4ce2b5a982bc297d5b58b1

[19] Move dataset from HTMLElement to a mixin shared with SVGElement · Issue #3471 · whatwg/html () https://github.com/whatwg/html/issues/3471

[20] Add HTMLOrSVGElement interface mixin by annevk · Pull Request #3543 · whatwg/html () https://github.com/whatwg/html/pull/3543

[21] Add HTMLOrSVGElement mixn (dstorey著, ) https://github.com/w3c/svgwg/commit/bf070f6e46face7169561d4ea7dae45b93210dfb

[22] Clarify Window's focus() and blur() (annevk著, ) https://github.com/whatwg/html/commit/12969e1c0a9a95eab967fd1505eb4197ecdd5653

[23] Clarify Window's focus() and blur() by annevk · Pull Request #4377 · whatwg/html () https://github.com/whatwg/html/pull/4377